Kendo grid with class "table table-condensed"

2 posts, 0 answers
  1. Martin
    Martin avatar
    39 posts
    Member since:
    Sep 2008

    Posted 05 May 2016 Link to this post

    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 (-:

  2. Alex Gyoshev
    Alex Gyoshev avatar
    2527 posts

    Posted 09 May 2016 Link to this post

    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");

    Alex Gyoshev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top