JQuery DataTables获取表格数据

最新推荐文章于 2025-07-12 15:08:26 发布

原创最新推荐文章于 2025-07-12 15:08:26 发布 · 4.9k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Web开发

当前文章被收录于：

Web开发

6 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用JQuery DataTables插件初始化表格，并提供了获取表格数据的方法。通过new $.fn.dataTable.Api选择器可以操作DataTable实例，进而获取表格中的所有数据。

JQuery DataTables引用：

    <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
    <script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>

function getTableDatas() {
    var salesDetailTable = new $.fn.dataTable.Api('#salesDetailTable');
    var length = salesDetailTable.rows().data().length;
    var list = [];
    for (var i = 0; i < length; i++) {
        list.push(salesDetailTable.rows().data()[i]);
    }
    return list;
}