为现有 DataTable 初始化 tableTools
Posted
技术标签:
【中文标题】为现有 DataTable 初始化 tableTools【英文标题】:Initialising tableTools for an existing DataTable 【发布时间】:2015-10-11 22:17:19 【问题描述】:我正在尝试为我的页面添加一个“下载为 CSV 文件”按钮,该按钮显示来自数据库的数据。我浏览了他们的论坛,但找不到解决我的错误的方法。
我附上了我得到的错误的屏幕截图以及它指向的代码部分。请帮我解决这个错误。
它所指的代码:
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.css">
<script src = "https://cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css">
<script src="jquery.dataTables.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
$("#leads_table thead th").each (function()
var title = $("#leads_table thead th").eq( $(this).index()).text();
$(this).html (' <input type = "text" placeholder = "Search '+title+'"/> ');
);
var table = $('#leads_table').DataTable(
"dom": 'T<"clear">lfrtip',
"tableTools":
"sSwfPath": "/swf/copy_csv_xls_pdf.swf"
);
table.columns().every(function()
var that = this;
$( 'input', this.header() ).on ( 'keyup change', function()
that
.search( this.value )
.draw();
);
);
);
我不熟悉同时使用 Datatables 和 tableTools。因此,任何帮助将不胜感激。
【问题讨论】:
Data Tables download xls/csv file not working properly 的可能重复项 另外还有datatables.net/extensions/tabletools 【参考方案1】:TableTools插件应该在jQuery DataTables之后加载,如下所示:
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css">
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>
【讨论】:
以上是关于为现有 DataTable 初始化 tableTools的主要内容,如果未能解决你的问题,请参考以下文章
Visual C#,来自现有DataTable的SQL查询?