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 1 month 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.

Regarding Accessibility feature in JQGrid by Meenakshi Salaria
2 days, 12 hours ago
Filter the editable value before submit to server by cbichis
5 days, 11 hours ago
Reduce the height of BS4 grid rows by seanad
1 month ago
Grouping Data questions by krisreddy
1 month ago
Option to place a multiselect column on right-hand side of a grid by parramorej
1 month ago

Registered Users: 11,950
Forums: 7
Topics: 10,788
Replies: 22,650
Topic Tags: 269

11 Users Online

Users: 10 Guests, 1 Bot

Stay connected with us in your favorite flavor!

Copyright 2014 TriRand LtdAll Rights ReservedRSS