Bootstrap有没有好用的jQuery表格插件

bootstrap-table 

示例

var ViewTableInit = function() {

   var oTableInit = new Object();

   //初始化Table

   oTableInitInit = function(code) {

       $('#tb_view')bootstrapTable({

           url: '/monitor/monitor/getviewpark_code='+code, //请求后台的URL（）

           method: 'get', //请求方式（）

           toolbar: '#viewtoolbar', //工具按钮用哪个容器

           striped: true, //是否显示行间隔色

           cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（）

           pagination: true, //是否显示分页（）

           sortable: false, //是否启用排序

           sortOrder: "asc", //排序方式

           queryParams: oTableInitqueryParams, //传递参数（）

           sidePagination: "server", //分页方式：client客户端分页，server服务端分页（）

           pageNumber: 1, //初始化加载第一页，默认第一页

           pageSize: 9, //每页的记录行数（）

           pageList: [10, 25, 50, 100], //可供选择的每页的行数（）

           search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大

           strictSearch: true,

           showColumns: true, //是否显示所有的列

           showRefresh: true, //是否显示刷新按钮

           minimumCountColumns: 2, //最少允许的列数

           clickToSelect: false, //是否启用点击选中行

           uniqueId: "ID", //每一行的唯一标识，一般为主键列

           showToggle: true, //是否显示详细视图和列表视图的切换按钮

           cardView: false, //是否显示详细视图

           detailView: false, //是否显示父子表

           columns: [{

               field: 'ParkingCode',

               title: '停车场编码',

               align: 'center'

           }, {

               field: 'ParkingName',

               title: '停车场名称',

               align: 'center'

           }, {

               field: 'monitor_type',

               title: '监控类型',

               formatter: typeFormatter,

               align: 'center'

           }, {

               field: 'monitor_result_status',

               align: 'center',

               formatter: UpNetWorkFormatter,

               title: '监控结果状态'

           }, {

               field: 'monitor_ip',

               align: 'center',

               title: 'ip或域名'

           },{

               field: 'create_time',

               title: '更新时间',

               align: 'center',

               formatter:dateFormatter

           }]

       });

   };

   oTableInitrefresh = function(code){

       $('#tb_view')bootstrapTable("refresh", {url:'/monitor/monitor/getviewpark_code='+code});

   }

   //得到查询的参数

   oTableInitqueryParams = function(params) {

       var temp = {

           limit: paramslimit, //页面大小

           offset: paramsoffset, //页码

           res: decodeURI(decodeURI(paramssearch))

       };

       return temp;

   };

   return oTableInit;

};

效果如下图

如果 有什么问题可以私信我

render: function(data, type, full,meta ) { // 返回自定义内容

return metasettings_iDisplayStart+metarow+1;

}

metasettings_iDisplayStart 是当前页的开始位置，如分页大小是20，第一页就是0，第二页就是20

metarow 是当前页的序号从0开始，如果你想每页都从1开始直接返回metarow就可以了。