datatable 中 获取点击当前的行号,以及获取数据

datatable 基本布局

  1. https://blog.csdn.net/YKenan/article/details/88749569
  2. https://blog.csdn.net/YKenan/article/details/90114534

获取行号

// 获取 点击当前行的 行号
$('.YKenan #myTable_YKenan').DataTable().row(this).index();

获取其他数据

/* 得到 ID */
var $myTable = $('#myTable');

/* 得到全部数据行数 */
$myTable.DataTable().page.info().recordsTotal;
/* 得到该页的开始的行数 */
$myTable.DataTable().page.info().start;
/* 得到该页的结束的行数 */
$myTable.DataTable().page.info().end;
/* 得到该页的分页长度 */
$myTable.DataTable().page.info().length;
/* 得到该页的第几个分页, 索引从 0 开始 */
$myTable.DataTable().page.info().page;
/* 得到分页的总页数 */
$myTable.DataTable().page.info().pages;

/* 得到全部数据 */
var fnGetData = $myTable.dataTable().fnGetData();

/* 得到页面的分页长度 */
var iDisplayLength = $myTable.dataTable().fnSettings()._iDisplayLength;

/* 得到页面的开始的行数 */
var iDisplayStart = $myTable.dataTable().fnSettings()._iDisplayStart;

3. 得到点击的行和列的值

/* 得到 datatable */
var $myTable = $('#myTable');
/* 得到 datatable 的总行数 */
var recordsTotal = $myTable.DataTable().page.info().recordsTotal;
/* 得到 datatable 的全部数据 */
var fnGetData = $myTable.dataTable().fnGetData();

$('#myTable tbody').on('click', 'tr', function () {
	/* 得到当前点击的索引 */
	index_x = $myTable.DataTable().row(this).index();
});

$('#myTable tbody').on('click', 'td', function () {
	/* 得到当前点击的索引 */
	index_y = $myTable.DataTable().column(this).index();
});

4. 通过索引得到几行几列的数据

/* 行数据 */
$myTable.DataTable().row(this).data();
/* 列数据 */
$myTable.DataTable().column(this).data();
/* 几行几列数据 */
$myTable.DataTable().column(this).data()[this];

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值