How to add border style to only a certain column side

1 Answer 162 Views
Styling / Themes TreeList
Enes
Top achievements
Rank 1
Iron
Enes asked on 07 Apr 2023, 04:53 PM | edited on 07 Apr 2023, 04:54 PM

Hello

How can i add custom border style to only a certain column side on a multi column header treelist. I also wonder if is there a way to freeze several columns at left side of the list. Here i include a screenshot as an example to describe what i want to achive. I want give custom style to the part drawn in red. And also want to freeze columns on the left side of the red drawn column.

Any help will be highly appreciated.

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 10 Apr 2023, 11:23 AM

Hello Enes,

Regarding the locked columns functionality of the TreeList you can refer to the following help article:

As for adding a border, you can use the className and headerClassName properties of the cells and add a class name to the cells where you want to add the border:

Here is an example:

I have added "red-border" class name to the data cells and the headers cell. And here is the CSS:

            <style>
            .red-border{
                border-left: 1px solid red!important;
            }

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Styling / Themes TreeList
Asked by
Enes
Top achievements
Rank 1
Iron
Answers by
Konstantin Dikov
Telerik team
Share this question
or