Jquery DataTables 获取表格数据及行数据

╰半橙微兮° 2022-03-30 10:38 843阅读 1赞

注意table变量是

1.jQuery DataTables 行号获取

$("\#example tbody tr").on("click", function() \{  
var index = $(this).context.\_DT\_RowIndex; //行号  
\});

2.获取表格所有数据

1.  function getTableContent()\{ 
2.  var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行，nTrs\[i\]表示第i行tr对象 
3.  for(var i = 0; i < nTrs.length; i++)\{ 
4.  console.log('\[获取数据\]' + table.fnGetData(nTrs\[i\]));//fnGetData获取一行的数据 
5.  \}
6.  \}

3.获取表格选中行数据

1.  function getTableContent()\{ 
2.  var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行，nTrs\[i\]表示第i行tr对象 
3.  for(var i = 0; i < nTrs.length; i++)\{ 
4.  if($(nTrs\[i\]).hasClass('selected'))\{ 
5.  console.log('\[获取数据\]' + table.fnGetData(nTrs\[i\]));//fnGetData获取一行的数据 
6.  \}
7.  \}
8.  \}

4.获取某一行某一列数据

1.  function getTableContent()\{ 
2.  var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行，nTrs\[i\]表示第i行tr 
3.  for(var i = 0; i < nTrs.length; i++)\{ 
4.  // if($(nTrs\[i\]).hasClass('selected'))\{//相当于$(tr) 
5.  var t = table.fnGetData(nTrs\[i\]); 
6.  console.log("aaaaaa:" + t\[2\]);//获取一行第3列数据 
7.  // \} 
8.  \}
9.  \}

发表评论取消回复

表情：

评论列表（有 0 条评论，843人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery Datatable 请求数据解析

请求数据 [ { "name": "sEcho", "value": 1 },

快来打我*/ 2022年08月30日 14:50/ 0 赞/ 149 阅读

相关 jquery easyui datagrid 获取Checked选择行(勾选行)数据

getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 getSelections：取得所有选中行数据，返回元素记录的数组数据。

淩亂°似流年/ 2022年08月27日 10:47/ 0 赞/ 182 阅读

相关 Datatable 操作行数据

我们直接看例子。然后我加上我得理解在旁边。 function getToSaveArr()\{ var trs = $('\rap-table-list tbody tr

ゝ一纸荒年。/ 2022年08月10日 11:49/ 0 赞/ 145 阅读

相关 datatables加载表格数据入门

function loadTrafficData(){ $('trafficData').DataTable({

你的名字/ 2022年07月13日 13:17/ 0 赞/ 177 阅读

相关 DataTable(数据表格)使用技巧汇总

DataTable(数据表格)使用技巧汇总 1.如何设定表格中行的高度(包括表格头，合计栏) headerHeight：设定表格头的高度； footerHeig

迈不过友情╰/ 2022年06月18日 01:10/ 0 赞/ 1332 阅读

相关 jQuery 插件：表格（datatables）

表格学习：datatables 文章目录表格学习：datatables 参考 [DataTables 中文网][DataTables]、 [Da

偏执的太偏执、/ 2022年06月01日 03:25/ 0 赞/ 229 阅读

相关 Layui数据表格换行

1.添加<br> 2.添加样式 .layui-table-cell { height: auto; } 效果如下： ![70][] [70

小咪咪/ 2022年05月20日 09:07/ 0 赞/ 301 阅读

相关 Jquery DataTables 获取表格数据及行数据

注意table变量是 1.jQuery DataTables 行号获取 $("\example tbody tr").on("click", function() \{

╰半橙微兮°/ 2022年03月30日 10:38/ 1 赞/ 844 阅读

相关 JQuery.datatables只刷当前页面表格数据，保留分页页码

JQuery.datatable无刷新多种初始化表格的使用方式。 ajax.reload( callback, resetPaging ) 里面有二个参数： cal

朱雀/ 2021年10月24日 06:38/ 0 赞/ 588 阅读

相关 ElementUI获取表格选择的行数据小技巧

> Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站

今天药忘吃喽~/ 2021年09月08日 03:22/ 0 赞/ 689 阅读