【jQuery插件】flexigrid

http://code.google.com/p/flexigrid/wiki/TutorialPropertiesAndDocumentation

 

http://flexigrid.info/

 

$(function() { $("#flex1").flexigrid({ url: 'staff.php', dataType: 'json', colModel : [ {display: 'ID', name : 'id', width : 40, sortable : true, align: 'left'}, {display: 'First Name', name : 'first_name', width : 150, sortable : true, align: 'left'}, {display: 'Surname', name : 'surname', width : 150, sortable : true, align: 'left'}, {display: 'Position', name : 'email', width : 250, sortable : true, align: 'left'} ], buttons : [ {name: 'Edit', bclass: 'edit', onpress : doCommand}, {name: 'Delete', bclass: 'delete', onpress : doCommand}, {separator: true} ], searchitems : [ {display: 'First Name', name : 'first_name'}, {display: 'Surname', name : 'surname', isdefault: true}, {display: 'Position', name : 'position'} ], sortname: "id", sortorder: "asc", usepager: true, title: "Staff", useRp: true, rp: 10, showTableToggleBtn: false, resizable: false, width: 700, height: 370, singleSelect: true }); });