구현에 그리 쉬운 질문이 없습니다.
당신은 당신이
데모
here을 볼 수있을 것이다 결과적으로 다음 코드
var grid = $("#list"), i,
$htableTHead = grid.closest('div.ui-jqgrid-view')
.find('table.ui-jqgrid-htable>thead'),
$lables = $htableTHead.children('tr.ui-jqgrid-labels'),
$thColumn = $lables.children('th'),
$searchToolbar = $htableTHead.children('tr.ui-search-toolbar'),
$thToolbar = $searchToolbar.children('th'),
l = Math.min($thToolbar.length, $thColumn.length),
h = grid[0].grid.headers;
for (i = 0; i < l; i += 1) {
$thToolbar[i].style.cssText = $thColumn[i].style.cssText;
$thColumn[i].style.cssText = "";
h[i].el = $thToolbar[i];
}
$htableTHead.children('tr.ui-search-toolbar').prependTo($htableTHead);
을 시도 할 수 있습니다.
예를 들어 sortable: true
을 사용하려고하면 일부 jqGrid 코드를 변경하지 않으면 해결할 수없는 문제가 발생합니다. 그래서 위의 코드가 다른 모든 상황에서 작동 할 수는 없습니다.