Kendo grid for jQuery right border not coming.

1 Answer 111 Views
Grid Styling
Shashi
Top achievements
Rank 1
Shashi asked on 11 Jul 2022, 09:54 AM

https://runner.telerik.io/fullscreen/@shashi.kumar/IdeKUHam

You can see for column titled 'Phone' there is no right border.

Please reply how can we configure right borders?

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 14 Jul 2022, 07:45 AM

Hi Shashi,

Thank you for sharing the Dojo with me.

Locked columns by design require the total width of all locked columns to be equal to or less than the width of the Grid minus three times the width of the scrollbar. This is to ensure the non-locked columns are scrollable and there is actually a point in having locked columns. 

Here is the official documentation on the topic: https://docs.telerik.com/kendo-ui/controls/data-management/grid/columns/locked-columns#locked-columns

Nevertheless, you can add the desired border with the following CSS rule:

<style>
      .k-auto-scrollable td {
        border-width: 0 1px 0 0;
      }
    </style>

Dojo demo: http://dojo.telerik.com/uNuKaQIw/2

Regards,
Nikolay
Progress Telerik

The Premier Dev Conference is back! 

Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.


Tags
Grid Styling
Asked by
Shashi
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Share this question
or