Problem with row height in grid when Bootstrap skin is assigned

2 posts, 1 answers
  1. Boris
    Boris avatar
    289 posts
    Member since:
    Oct 2012

    Posted 25 Jan 2017 Link to this post

    I have a web app that's been using a RadGrid for some years now.  The original layout was established in part by trial and error and has worked out fairly well.

    I've only recently upgraded to the latest Telerik controls and I'm trying to use the BootStrap skin. 

    It looks to me like this particular skin is somehow affecting (increasing) row height and none of the solutions that I've found in the forums seem to affect it. 

    Everything looks fine except for this one particular issue. 

    Any way to get this under control?

  2. Answer
    Nencho
    Admin
    Nencho avatar
    1822 posts

    Posted 30 Jan 2017 Link to this post

    Hello Boris,

    You can decrease the padding of the rows in the Bootstrap skinned RadGrid. Please consider the below implementation:

    <style type="text/css">
        html .RadGrid_Bootstrap .rgRow > td,
        html .RadGrid_Bootstrap .rgAltRow > td {
            padding-top: 0;
            padding-bottom: 0;
        }
        html .RadGrid_Bootstrap .rgRow,
        html .RadGrid_Bootstrap .rgAltRow  {
            height: 1.42857143em;
        }
    </style>


    Regards,
    Nencho
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top