【jQuery插件】flexigrid_seajs flexigrid-CSDN博客

本文链接：https://blog.csdn.net/meikidd/article/details/6569181

本文介绍如何利用Flexigrid库实现数据表格的动态加载和展示，包括配置参数、按钮操作和搜索功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 }); });