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];