Guriddo » Topic: Reduce the height of BS4 grid rows

Reduce the height of BS4 grid rows

Guriddo
Reduce the height of BS4 grid rows

This topic contains 2 replies, has 2 voices, and was last updated by seanad 3 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
November 12, 2018 at 7:45 am #126999

seanad
Participant

I’m using v5.3.2 with BS4. I’m trying to reduce the height of each grid row by remove line-height attribute of html and body element in bootstrap.css. It does look better, as there are global settings though, are there jqgrid classes I can adjust without modify BSs’? TIA

November 12, 2018 at 1:46 pm #127001

tony
Keymaster

Hello,

What you mean global setting – what you do is a global setting.

As far as I remember the big height of the table row of Bottstrap 4 is caused by the padding (defined in class table) which (I remember) is about 0.75rem. You can make the height of the row smaller if you reduce the top and bottom padding.

By example to do this only for all jqGrid you can:

.ui-jqgrid-bdiv .table td { padding-top : 0.45rem; padding-bottom : 0.45rem; }

1
2
3
4

.ui-jqgrid-bdiv .table td {
padding-top : 0.45rem;
padding-bottom : 0.45rem;
}

Tony Tomov

November 12, 2018 at 10:03 pm #127002

seanad
Participant

Works perfectly. Thanks.
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Jqform SelectCommand by Fcstefoy
10 hours, 29 minutes ago
Jqsuite Showlink by Fcstefoy
2 days, 15 hours ago
Change Column Width by T-Mo
2 days, 16 hours ago
cellEdit and restoreCellonFail by krisreddy
3 days, 10 hours ago
inline edit and focusField by krisreddy
5 days, 8 hours ago

Registered Users: 11,961
Forums: 7
Topics: 10,813
Replies: 22,718
Topic Tags: 277

4 Users Online

Users: 3 Guests, 1 Bot

Stay connected with us in your favorite flavor!

Copyright 2014 TriRand LtdAll Rights ReservedRSS