Bootstrap-table序号生成

最新推荐文章于 2023-05-29 16:31:15 发布

墨尘

最新推荐文章于 2023-05-29 16:31:15 发布

阅读量1.8k

点赞数 5

分类专栏： Bootstrap

本文链接：https://blog.csdn.net/m_crayon/article/details/108478818

版权

Bootstrap 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML：

<!-- 列表区域 -->
<table id="dataTable" data-escape="true" data-pagination="true" data-toggle="table">
	<thead>
		<tr>
			<th data-width="3%" data-checkbox="true"></th>
			<th data-width="3%" data-formatter="serialNumber" data-align="center">序号</th>
		</tr>
	</thead>
</table>

js方法：

function serialNumber(value, row, index) {
	var option = $("#dataTable").bootstrapTable('getOptions');
	var pageSize = option.pageSize; //获取每页显示的数量
	var pageNumber = option.pageNumber; //获取当前是第几页
	return pageSize * (pageNumber - 1) + index + 1; //返回序号，注意index是从0开始的，所以要加上1
}

提示：data-formatter="serialNumber"

serialNumber：对应 js 方法名。