bootstrapTable序号

最新推荐文章于 2023-11-26 20:59:33 发布

转载最新推荐文章于 2023-11-26 20:59:33 发布 · 1.4k 阅读

笔记专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用bootstrapTable插件实现表格数据展示的方法，包括设置每页显示的行数选项、唯一标识符和列定义。特别关注了如何自定义序号列，确保其能根据当前页和每页显示的行数正确显示。

...

.......

pageList: [5,10, 25, 50, 100], //可供选择的每页的行数（*）
uniqueId: "id",
columns: [
{
   title : '序号',
           field : '',
           width:"3%",
           align : 'center',
           formatter : function(value, row, index) {
               var pageSize = $('#inBuildingProject').bootstrapTable('getOptions').pageSize; //通过table的#id 得到每页多少条
               var pageNumber = $('#inBuildingProject').bootstrapTable('getOptions').pageNumber; //通过table的#id 得到当前第几页
               return pageSize * (pageNumber - 1) + index + 1; // 返回每条的序号：每页条数 *（当前页 - 1 ）+ 序号
           }

}, {
field: 'projectName',
title: '项目名称名称',
align : 'center',
valign : 'middle',
}, {
field: 'province',

.......

....