获得BootstrapTable行号index

本文介绍如何在Bootstrap Table中自定义行号显示,包括每页从1开始的序号及连续行号的实现方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!--bootstrap-table表格-->
<table id="table">
	<thead style="background:#efefef;">
		<tr>
			<th data-checkbox="true"></th>
			<th data-field="index" data-formatter="indexFormatter">序号</th>
			<th data-field="id">ID</th>
			<th data-field="name">Name</th>
			<th data-field="price">Price</th>
		</tr>
	</thead>
</table>

获得 bootstrapTable行号index

$("#table").on("click-row.bs.table",function(e, row, $element){
	var index = $element.data('index') + 1; 
	alert(index);
});

自动生成bootstrapTable行号index(每页都从1开始)

//table序号。
function indexFormatter(value, row, index) {
	return index + 1;
};

 自动生成bootstrapTable行号index(连续的行号,比如每页10行,第二页从11开始)

说明: _params 是自定义ajax方法的参数副本BootstrapTable自定义ajax方法​​​​​​​

//table序号。
function indexFormatter(value, row, index) {
	return _params.data.offset + index + 1;
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值