Ty asked 8 years ago
How can I increase the height of the column header and have column title on two lines?
Example column title:
Rebate Amount
Wanting two lines:
Rebate
Amount
I've used Firebug and worked on changing CSS with no luck:
.ui-jqgrid .ui-jqgrid-hbox {
float: left;
padding-right: 20px;
padding-top: 20px;
}
Thank you
Ty answered 8 years ago
Some further detail of the grid code:
$col = array();
$col["title"] = "Rebate Amount";
$col["show"] = array("list"=>true, "edit"=>true, "view"=>true);
$col["name"] = "rebate_amount";
$col["width"] = "12";
$col["align"] = "right";
$col["editable"] = true;
$cols[] = $col;
<style>
/* header */
.ui-jqgrid .ui-jqgrid-htable th {height: 30px;}
.ui-jqgrid .ui-jqgrid-htable th div { height: 20px; text-align:left; }
</style>
Abu Ghufran answered 8 years ago
You can use html tags in title.
$col["title"] = "Rebate<br>Amount";
