Jquery.jqgrid.src.js是一個基于jQuery的交互式表格插件,它封裝了各種表格相關(guān)的功能,包括分頁、排序、篩選等等。這個插件大大簡化了前端開發(fā)者的工作,即使對于那些不懂很多JavaScript的人來說,也可以通過簡單的配置和使用,實現(xiàn)自己需要的交互式表格。
// 定義表格布局和數(shù)據(jù)來源 $("#table").jqGrid({ url: 'data.json', datatype: "json", colNames:['姓名','年齡','性別'], colModel:[ {name:'name',index:'name',sortable:true}, {name:'age',index:'age',sortable:true}, {name:'gender',index:'gender',sortable:true} ], rowNum:10, rowList:[10,20,30], pager: '#pager', sortname: 'age', viewrecords: true, sortorder: "desc", caption:"用戶信息" });
在上面的代碼中,我們首先通過定義HTML頁面中的