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 8 months 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.

Convert Insert to Update on Duplicate Primary Key by kgrogers
5 days, 8 hours ago
TreeGrid with full Paging/Virtual Scroll Support (not just for Root Nodes) by Markus1980Wien@gmx.at
3 weeks, 5 days ago
How to fix 'remove html content from formater in PDF export' jq Grid issue? by pavank
1 month ago
Use checkbox toolbarsearch by ddandre
2 months ago
Conditional reloadGrid by kgrogers
2 months ago

Registered Users: 11,979
Forums: 7
Topics: 10,829
Replies: 22,752
Topic Tags: 284

14 Users Online

Users: 12 Guests, 2 Bots

Stay connected with us in your favorite flavor!

Copyright 2014 TriRand LtdAll Rights ReservedRSS