jqGrid

jqGrid 是一个表格插件，拥有排序、翻页、每页大小变化等常见功能等。

$('#tableName').jqGrid({
    url : 'interface_url',
    datatype : "json",
    colNames : [ 'Inv No', 'Date', 'Client', 'Amount', 'Tax','Total', 'Notes' ],
    colModel : [ 
                 {name : 'id',index : 'id',width : 55}, 
                 {name : 'invdate',index : 'invdate',width : 90}, 
                 {name : 'name',index : 'name asc, invdate',width : 100, hidden:true}, 
                 {name : 'amount',index : 'amount',width : 80,align : "right"}, 
                 {name : 'tax',index : 'tax',width : 80,align : "right"}, 
                 {name : 'total',index : 'total',width : 80,align : "right"}, 
                 {name : 'note',index : 'note',width : 150,sortable : false} 
               ],
    rowNum : 10,
    rowList : [ 10, 20, 30 ],
    pager : '#pager2',
    sortname : 'id',
    mtype : "post",
    viewrecords : true,
    sortorder : "desc"
})

利用jqGrid进行table定义, 定义之后 利用 $('#tableName').trigger("reloadGrid") 触发更新。