When I use the "locked" property on one of my grid columns, the half of the table is half blank.
I noticed that if my grid doesn't have this property, the "width" of each column behaves like "min-width", but when using "locked" in some of the columns, the "width" stays exactly with the exact value of the column instead of still function as "min-width" which causes half of the table to be blank.
To remove the blank half of my "grid" I need to pass a "width" value to the grid, but I believe this is not ideal, as I want my table to have 100% "width", in the example of "locked" documentation the grid is very small (https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked/) so that it works without this problem of half being blank.
Is there a way to use the "locked" property so that half of my grid is not white? And that my grid has 100% "width"?
This problem with "locked" makes it unfeasible to use it in our project.
I left it on stackblitz as an example (To see the problem, use a large screen):
1 - the first Grid does not use "locked" so my columns adapt according to the space
2 - in the second Grid with a locked column, there is a blank space on the right side, and the columns become smaller (now respecting the width, instead of using it as "min-width")
link: stackblitz
I noticed that if my grid doesn't have this property, the "width" of each column behaves like "min-width", but when using "locked" in some of the columns, the "width" stays exactly with the exact value of the column instead of still function as "min-width" which causes half of the table to be blank.
To remove the blank half of my "grid" I need to pass a "width" value to the grid, but I believe this is not ideal, as I want my table to have 100% "width", in the example of "locked" documentation the grid is very small (https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked/) so that it works without this problem of half being blank.
Is there a way to use the "locked" property so that half of my grid is not white? And that my grid has 100% "width"?
This problem with "locked" makes it unfeasible to use it in our project.
I left it on stackblitz as an example (To see the problem, use a large screen):
1 - the first Grid does not use "locked" so my columns adapt according to the space
2 - in the second Grid with a locked column, there is a blank space on the right side, and the columns become smaller (now respecting the width, instead of using it as "min-width")
link: stackblitz