add css class to kendo-grid-column

1 Answer 1708 Views
Tony
Top achievements
Rank 1
Tony asked on 13 Feb 2019, 09:44 AM

Using the kendo vue grid wrapper how can I add a css class to a kendo-grid-column ?

1 Answer, 1 is accepted

Sort by
0
Accepted
Teya
Telerik team
answered on 14 Feb 2019, 08:10 AM
Hi Tony,

To add a custom class to a column in Kendo Grid use the columns.attributes option of Kendo Grid:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.attributes

You can check the following Vue example, where I have added a .column-green class and I have assigned a CSS style to it:

https://stackblitz.com/edit/3ydrwg

I hope this helps!


Regards,
Teya
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Michael
Top achievements
Rank 1
commented on 27 Mar 2019, 05:39 AM

[quote]Missing user said:Hi Tony,

To add a custom class to a column in Kendo Grid use the columns.attributes option of Kendo Grid: 


You can check the following Vue example, where I have added a .column-green class and I have assigned a CSS style to it:

I hope this helps! 

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

[/quote]

 

Thanks for the share. 

Annie
Top achievements
Rank 1
commented on 13 May 2019, 06:41 AM

[quote]Missing user said:Hi Tony,

To add a custom class to a column in Kendo Grid use the columns.attributes option of Kendo Grid:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.attributes

You can check the following Vue example, where I have added a .column-green class and I have assigned a CSS style to it:

https://stackblitz.com/edit/3ydrwg

I hope this helps!


Regards,
Teya
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

[/quote]

 

Well written, thanks for sharing! 🙂

Asked by
Tony
Top achievements
Rank 1
Answers by
Teya
Telerik team
Share this question
or