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

Problem with row height in grid when Bootstrap skin is assigned

1 Answer 122 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Boris
Top achievements
Rank 1
Boris asked on 25 Jan 2017, 03:45 PM

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?

1 Answer, 1 is accepted

Sort by
0
Accepted
Nencho
Telerik team
answered on 30 Jan 2017, 08:52 AM
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.
Tags
Grid
Asked by
Boris
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Share this question
or