Question

我是jquery，MVC等的新手。我正在VS2015，MVC 5，Database First中设计一个网站。在我的索引页面上，我已成功添加了数据表，包括分页，排序，搜索和过滤。现在我正在尝试添加按钮以“自动”复制或保存为pdf或excel。我的按钮没有显示在任何地方，不确定问题可能是什么。我在布局页面中添加了对buttons.dataTables.min.css的引用。我想知道我是否正确“安装”了扩展程序，但又一次，不确定。这是我呈现数据表的代码：

$(document).ready(function () {
    $('#instrumentsTable').dataTable({ stateSave: true, autoWidth: true, buttons: ['copy', 'excel', 'pdf']}).columnFilter(
        { (list of column specs)...

我在网上搜索了一遍。发现了许多对TableTools的引用，但已经退役了。非常感谢任何帮助和反馈。 ~~~崔西

Answer 1

我终于开始工作了。我有通过NuGet获得的1.10.7版Datatables，它没有显示任何可用的升级（re：1.10.8）。

所以，我转到下面的页面http://datatables.net/download/index来“构建”我自己的带有扩展名的数据表。这是一个很棒的工具...在我选择了我需要的选项之后，下载包括2个简单的文件，包含所有内容......脚本和css文件。这就是我必须在我的页面中引用的所有内容（将它们添加到我的项目中之后）。这是我在下载中包含的内容：

DataTables (1.10.8)
Buttons
HTML5 Exports (required for local file saving)
JSZip (required for Excel button)
pdfmake (required for PDF button)
printview

我还在包装部分选择了：缩小，单个文件和本地文件。

将下载的脚本和css文件包含到我的项目中后，这里是正在运行的代码：

$(document).ready(function () {
    $('#instrumentsTable').dataTable({ stateSave: true, autoWidth: true, dom: 'Bfrtip', buttons: ['print', 'pdf', 'excel'] }).columnFilter(
        {... column filter stuff...

将Copy，PDF和Excel按钮添加到Datatable

1 个答案: