JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Grid sizes

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 14, 2023 at 4:19 pm #109313
    tbettinazzi@axioma.it
    Participant

    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

    December 14, 2023 at 9:36 pm #109316
    ivanpeevski
    Participant

    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.