This is a migrated thread and some comments may be shown as answers.

Kendo grid with class "table table-condensed"

1 Answer 865 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Martin
Top achievements
Rank 2
Martin asked on 05 May 2016, 05:18 PM

Hi I am using the kendo grid with bootstrap and would like to use the css class "table table-condensed" because the default style takes up to much space.

How can I override the kendo css? and where (-:

1 Answer, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 09 May 2016, 08:33 AM

Hello Martin,

You can override the grid padding via the .k-grid td CSS selector:

  .k-grid td {
    padding: .1em .3em;
  }

Alternatively, you can add the bootstrap styles to the grid tables after they have been rendered:

  $(".k-grid table").addClass("table table-condensed");

Regards,
Alex Gyoshev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Martin
Top achievements
Rank 2
Answers by
Alex Gyoshev
Telerik team
Share this question
or