javascript - テーブルの JQGrid カスタム ヘッダー行

Question

グリッドに手動で追加することでこれを行うことができますが、ボタン付きのヘッダー行を作成する JQGRID の方法を見つけようとしています。

どうにかしてカスタマイズする必要があると考えていますnavbarが、方法がわかりません。

これが私がやろうとしていることです。

(下の写真)

Answer 1

デモを見てください。必要なものに非常に近い結果が表示されます。

"First"、"Previous"、"Next"、"Last" ボタンを使用したローカル ページングは​​、元のグリッドと同様に機能します。

デモを正確な要件に合わせて自分で変更できると思います。

デモで使用したコード:

$("#list").jqGrid({
    ...
    toppager: true,
    pginput: false,
    recordpos: "center",
    pagerpos: "left",
    recordtext: "Errors {0} - {1} of {2}"
});

var $table = $('<table class="ui-pg-table" style="table-layout: auto;" border="0" cellspacing="0" cellpadding="0"><tbody><tr></tr></tbody></table>'),
    $row = $table.find(">tbody>tr");
$table.appendTo("#list_toppager_right");
$("#next_t_list_toppager").appendTo($row);
$("#last_t_list_toppager").appendTo($row);
$("#list_toppager_left").width(70);
$("#list_toppager_right").width(70);

idコードで使用される ID には、グリッドの「リスト」部分文字列が含まれます。別の名前が使用されている場合は、名前を変更する必要があります。