JQGrid - 子列寬度小於標題列寬度

Question

我面臨的問題是子列寬度小於標題列寬度。結果，對齊看起來很討厭。我試着玩弄的ui.jqgrid.css：

• 的.ui-的jqGrid的.ui-的jqGrid-HDIV
• 的.ui-的jqGrid的.ui-的jqGrid - 橫向盒
• 的.ui-的jqGrid的.ui-的jqGrid - htable的.ui-的jqGrid
• 的.ui-的jqGrid-htable個

我也嘗試中提到的解決方案：

• jqGrid column not aligned with column headers
• Jquery JQGrid - How to set alignment of grid header cells?

遺憾的是沒有這些解決方案的工作。我正在使用Jqgrid 4.5版本。

我使用目前的解決方法是刪除邊框使用標題：

ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header 

我附上截圖，以使其更清晰。有沒有人遇到過這個問題？

Answer 1

感謝@Oleg。但是沒有任何其他的css存在衝突。問題出在您向數據表添加邊框並將1或2個像素推開時。顯然，標題將保留在原始位置（距離數據列左側1或2個像素）。所以想法是添加相同的邊框並使填充爲-2像素。

因此改變：

.ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 -2px;} 

，然後添加一個左邊框：

.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;border-left: 1px solid #d3d3d3 !important;} 

現在所有的路線都很好。

我仍然想知道爲什麼標題和數據是兩個表。除非有很強的理由，否則我相信這有點尷尬！也許Oleg可以回答。