Data grid UX issues

[hakimio]

I understand that the examples should be as simple as possible but it really looks like you put absolutely no effort in the data grid example.

• No margins
• Over-extended first id column
• Instead of making the grid fit in the available space, you just let it grow as much as needed. As a result, instead of just having scrollable grid body and both the top toolbar and the paging controls easily accessible, you force the user to scroll up or down when he needs to use buttons from the top toolbar or paging controls in the bottom toolbar.
• The grid is not responsive.

[NickMitrokhin]

Hi,
 
We removed margins intentionally according to the template design.
 
As for other suggestions, we will consider them in our future development. Thank you for your time and cooperation.

[hakimio]

We removed margins intentionally according to the template design.

Well, then you have inconsistent template design, because you have big margins and a lot of padding on the home page where you use cards and no margins in the data grid page.

[nightskylark]

You can use the content-block CSS class to add adaptive margins to any content element.

[hakimio]

@nightskylark Cool. Why don't you do that in your template? It looks much better.
BTW, what's with the double border between bottom paging toolbar and the grid body? Is that intended?