To set the width of the grid to 90% and set the height of the grid to the existing rows, you can use the CSS below:

smart-grid {
width: 90%;
height: auto;


For setting the width of columns, you can just use the width property like this: width: “20%”
There is also a “minWidth” property that works in the same way.

Here is an example with all suggestions applied to the grid – codepen


Best Regards,
Ivan Peevski
Smart UI Team