Understanding JQGrid column width behaviors

Question

I have a tree grid with many columns, all with specified width. And boy, it looks terrible since headers are out of sync with columns below, even if I have short data in them.

Answer 1

Set the Each Column width in percentage by CSS

Add the css classes as below

table.ui-jqgrid-htable thead{display:table-header-group}
#JQGridClientMaster td, #ui-jqgrid-htable th{display:table-cell}

Now Set the width to each column of and

#JQGridClientMaster td:nth-child(1),th#JQGridClientMaster_rn{width:2% !important;}