Fixed width locked column on grid with grouping

[Lee]

I have a kendo grid with grouping and locked columns. One of the columns contains just an icon. That icon is in that column in every row. That column is locked on larger screens but not on smaller ones, meaning when on small screens it is always in view. I need that column to always be an exact width (60px) while the rest of the columns in the table fill in the remainder of the available space. I can't figure out how to do this because using locked columns requires that every column have a width.

[Georgi Denchev]

Hello, Lee,

You could use the autoFitColumn method to fit all columns except the one you want to be 60px.

            dataBound: function(e) {
              let grid = e.sender,
                  columns = grid.columns;

              // Auto fit all columns except for the first one.
              columns.forEach((column, i) => {
                if(i !== 0) {
                  grid.autoFitColumn(column);
                }
              });
            }

After that, to make sure there is no empty space left, you could use the approach from the following KB article:

https://docs.telerik.com/kendo-ui/knowledge-base/grid-remove-trailing-space-resize 

Dojo

https://dojo.telerik.com/@gdenchev/EQOkAmiW 

Best Regards,
Georgi Denchev
Progress Telerik