Show seperation line between columns when column resizing in kendo-grid using Material theme

[Randy]

Hi,

When using Material theme with kendo grid, there's no border between columns. When doing column resizing, only column header has a resizer vertical line showing. Is it possible to also show a separation line between normal column cells when resizing columns? How to customize css to achieve this?

Thanks,

Randy

[Svet]

Hi Randy,

What could be done is to show all the Grid cell borders when resizing using the following custom CSS:

      .k-grid.k-grid-column-resizing td {
        border-width: 0 1px 1px 1px;
      }

Please see the following example:

https://stackblitz.com/edit/angular-bix6eq?file=app/app.component.ts

I hope this helps.

However there isn't an approach that would allow to target only the cells of the currently resized column.

Regards,
Svet
Progress Telerik