Grid sizes

[tbettinazzi@axioma.it]

I need to change the width of the grid to 90% of space (e.g. width=90%).

I tried to use width=90% but it’s ignored.

I also need to limit the heoght of the grid to the existing rows (no free space below)  but I still didn’t find the way.

How can I do it ?

Is there a way to express the column width in percentage (eg 20%) of the free space or better as relative weight ?

Tks

• This topic was modified 11 months, 2 weeks ago by tbettinazzi@axioma.it.

[ivanpeevski]

Hi,

 

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
https://www.htmlelements.com/

[Author]

Posts