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 6 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.

Use checkbox toolbarsearch by ddandre
1 week, 2 days ago
Conditional reloadGrid by kgrogers
1 week, 3 days ago
Cannot read property 'colModel' when trying to have search bar by babusuresh74@gmail.com
2 weeks, 1 day ago
Export to Excel not exporting '0' values by cgatling
2 weeks, 2 days ago
Keep checkbox selected on grid reload when editing form by svsdnb
2 weeks, 2 days ago

Registered Users: 11,976
Forums: 7
Topics: 10,826
Replies: 22,749
Topic Tags: 281

5 Users Online

Users: 5 Guests

Stay connected with us in your favorite flavor!

Copyright 2014 TriRand LtdAll Rights ReservedRSS