最近由于项目需要,使用bootstrap-table做数据展示,其中要在第一列显示序号,如图所示:

查看了API,发现bootstrap-table并没有像其他表格组件提供这个直接显示的功能(也有可能自己没有发现,如果有发现的伙伴们可以告诉我一下),但是可以根据options里面的pageSize,pageNumber自己进行计算,代码如下:

 columns: [{checkbox: true,visible: true                  //是否显示复选框},{field: 'no',title: '序号',sortable: true,align: "center",width: 40,formatter: function (value, row, index) {//获取每页显示的数量var pageSize=$('#table').bootstrapTable('getOptions').pageSize;//获取当前是第几页var pageNumber=$('#table').bootstrapTable('getOptions').pageNumber;//返回序号,注意index是从0开始的,所以要加上1return pageSize * (pageNumber - 1) + index + 1;}}})

如何给bootstrap-table中表格前添加序号相关推荐

  1. 计算机word如何插入新列表,电脑word文档中怎么给表格自动添加序号?怎么增加表目录...

    电脑word文档中怎么给表格自动添加序号?怎么增加表目录 腾讯视频/爱奇艺/优酷/外卖 充值4折起 我们看一篇word文件的时候,如果篇幅比较长而表格又比较多的话,一般会给这篇word设置一个表目录. ...

  2. ivew的Table中使用render添加图片poptip冒泡方法

    效果 ivew的Table中使用render添加图片poptip冒泡方法 {title: '操作',key: 'action',width: 120,align: 'center',render: ( ...

  3. 怎么给表格加一列序号_word表格如何添加序号 如何为word表格加序号

    例如,上面效果的制作方法: 1.选中需要添加序号的单元格: 2.单击开始----编号按钮即可,如图所示. WORD表格如何自动填充序号 1.需要在第一列中插入序号,选中第一列表格,使表格显示为灰色 2 ...

  4. 在word中给公式添加序号

    在word中给公式添加序号

  5. Bootstrap Table 中文文档(完整翻译版)

    表格参数: 名称 标签 类型 默认 描述 - data-toggle String 'table' 不用写 JavaScript 直接启用表格. classes data-classes String ...

  6. bootstrap table中文文档

    转载自:https://blog.csdn.net/rickiyeat/article/details/56483577 表格参数: 名称 标签 类型 默认 描述 - data-toggle Stri ...

  7. BootStrap Table:表格参数

    官方文档地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 引入BootStrap Table 引入 bootstrap.c ...

  8. bootstrap table 怎么实现前两列固定冻结?

    $("#Table").bootstrapTable('destroy').bootstrapTable({pagination: true,//分页minimumCountCol ...

  9. Word技巧:在表格前添加空行

    By: Ailson Jack Date: 2019.02.19 个人博客:http://www.only2fire.com/ 本文在我博客的地址是:http://www.only2fire.com/ ...

最新文章

  1. 【直播】王茂霖:二手车交易价格预测 Baseline 提高(河北高校数据挖掘邀请赛)
  2. 2014东师计算机应用基础离线作业,2014秋东师 计算机应用基础 离线作业及答案...
  3. BUUOJ reverse 刮开有奖
  4. 【小白学云计算】xmpp开源服务器的配置和安装图文详解
  5. gatsby_使用TinaCMS + Gatsby编辑Markdown的3种方法
  6. Java多线程实现-线程池
  7. NinePatchChunk.java分析
  8. Weblogic部署项目
  9. 计算机基础——11种排序(sort)算法
  10. voc2007目标检测数据集制作
  11. 大数据分析案例:电力窃漏电用户自动识别
  12. 数据库涉及到哪些技术?
  13. nmds与mds的区别_NMDS分析
  14. 微信公众账号自动回复小程序链接
  15. 使用CefSharp开发一个12306“安心刷票弹窗通知”工具
  16. 喜欢在大雨中奔跑的感觉
  17. SSM开发相关安装教程(idea、tomcat、maven、DB)
  18. Python:实现scoring评分算法(附完整源码)
  19. python删除数据框空行_Python删除空行
  20. [架构之路-182]-《软考-系统分析师》-19- 系统可靠性分析与设计 - 概览

热门文章

  1. 手头有70万,想在广州买房,买南沙好还是黄埔好?
  2. Unity学习(C#)——this和base、抽象类
  3. sublime使用live-server
  4. 【信号去噪】基于奇异值分解(SVD)实现数字信号降噪含Matlab源码
  5. Windows/Linux客户端挂载NFS共享存储
  6. OpenCV函数学习:cvRound,cvFloor,cvCeil
  7. 虚拟变量的方法介绍及python实现方式
  8. 混沌数学之Arnold模型
  9. IE expo2017第十八届中国环博会-中国环博会(2017上海环保展)会刊(参展商名录)
  10. 详解JVM和GC垃圾回收