bootstrapTable 自定义序号与分页查询

     最近这段时间使用bootstrap比较多，期间在使用bootStrapTable时遇到分页上无法点击选择每页显示条数，原来时需要papper.js ,但是引了一个后发现与当前系统引入的bootStrap.table.js 不兼容，所以研究了一下，自定义了分页查询和数据前的序号计算，在这里贴出来，与大家互相借鉴，互相学习。

  1、     使用了 thymeLeaf代码片段，分页代码如下：

<div th:fragment="page-size" class="col-sm-10 " style="right:-98px" th:align="right">
    <label   >每页显示条数：</label>
    <select type="text"   required="true"  id="pageSize"  >
        <option value="10" selected="selected" >10</option>
        <option value="20" >20</option>
        <option value="50" >50</option>
    </select>
</div>

//对代码片段的引用

<div th:replace="/layout/fragment :: page-size"></div>

2、table 初始化代码如下：

$('#tb_rights').bootstrapTable({
        method: 'post',
        contentType: "application/x-www-form-urlencoded;charset=UTF-8",//必须要有！！！！
        url: '/rightsInfo/getRightsInfoList',//要请R求数据的文件路径
        toolbar: '#userToolbar',//指定工具栏
        striped: true,  //是否显示行间隔色
        //