问题标签 [datatable-buttons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4682 浏览

datatables - 如何在 DataTables pdf 导出中通过 CSS 类自定义列字体(大小和样式)?

你们能告诉我如何使用css类在DataTables html5 PDF Export的customize(doc)函数中更改doc对象的列字体大小和粗细吗?

我有一个数据表,其中某些列必须是粗体并且比其他列更大。

我有以下按钮定义(,这似乎不起作用

我的表与此类似:

这继续喜欢列表 9。该表格在浏览器窗口中正确显示,但 pdf ayayayyy

谢谢。

0 投票
0 回答
397 浏览

reactjs - 缺少 jQuery 数据表按钮

我无法使 jQuery 数据表中的按钮工作。我已经用 create-react-app 创建了 react 应用程序

以及在本地运行的整个

我注意到,当我将wearg 按钮置于配置中时:buttons: [ 'csv', 'excel', 'pdf', 'foobar' ]我在控制台中有错误'Uncaught Unknown button type: foobar' 所以我猜有些东西在工作,但我仍然看不到按钮。

0 投票
1 回答
351 浏览

jquery - 数据表按钮 - CSV 导出问题不采用单元格值

我遇到了一个问题,即 csv 导出未导出使用 fnRowCallback 设置的值,我尝试查看正交但似乎不想工作。

我的按钮代码如下:

我在页面加载时动态生成列,因为这不是固定的:

然后一旦完成,我使用 fnRowCallback 从方法中获取值:

但是,一旦我导出它,它就会使用我在添加到列时添加的原始值,而不是我在 fnRowCallback 中设置的值。

任何帮助,将不胜感激。

0 投票
1 回答
712 浏览

cordova - 是否可以使用 cordova/phonegap 数据表按钮将 Excel 文件保存到 ios 设备?

在我的应用程序中,我有一个使用数据表动态显示的表格,并启用了“csv”和“excel”按钮。在 ios 模拟器上,Excel 文件打开,但没有保存它的选项等。是否可以将文件下载到设备上?当我通过典型网站使用数据表按钮时,文件会自动下载到浏览器中。

抱歉,我是 phonegap 等的新手,所以如果这是一个愚蠢的问题,我深表歉意。

感谢您提供的任何建议。

在此处输入图像描述

0 投票
0 回答
108 浏览

jquery - Jquery Datatable 按钮在具有动态列的表中的空值的情况下不起作用

我正在尝试使用数据表选项显示 excel 按钮。按钮正在显示,但是当我向表中添加动态列时,由于列中有一些空值,按钮不起作用。实际上表列标题的数量是固定的,但列值不同(它们的数量不是固定的)。请找到以下随附的屏幕截图以供参考。

https://i.stack.imgur.com/7gEoV.png

下面是我添加动态列时的代码:

////////// 用于检索列值的 PHP 代码 ///////////

//////////// 显示按钮的脚本 ///////////

请查看这些详细信息并提出可能的解决方案。非常感谢。

0 投票
1 回答
1094 浏览

javascript - jquery中的数据表不显示打印按钮

我有以下 js fiddle https://jsfiddle.net/jek1uobr/。虽然我添加了打印按钮,但它没有显示在数据表中。

0 投票
1 回答
590 浏览

angularjs - how to add copy,pdf , excel buttons in angular js datatable in mvc application

i want add excel, copy , pdf , print buttons in the angular js . but im getting error while showing buttons in the data table. data table is working fine but when i added button code the datatable is not working error

Uncaught Error: [$injector:modulerr]

styles and js references

html

code

0 投票
0 回答
410 浏览

javascript - 如何修复require js中数据表按钮的依赖关系?

我正在使用 requirejs 和带有按钮的数据表来导出 pdf 和 csv 报告。我在页面上遇到随机错误,尤其是在 IE11 上,例如:“无法设置未定义的属性 pdfMake”或“DataTable.Buttons 未定义”这是随机发生的,如果我刷新页面,错误就会消失。我认为这是因为我无法解决的依赖问题。有没有其他人遇到过这个问题?

我试图在 require js 'shim' 中设置依赖关系,但没有运气。

// 这是我的 javascript 文件

它在 chrome 和 firefox 上完美运行,但是,在 IE 上,它给出了如上所述的 javascript 错误。

0 投票
0 回答
836 浏览

javascript - 获取数据表中导出按钮的动态文件名和标题

我正在尝试使用单个 DataTable 初始化代码块来初始化不同的表,在该代码块中我创建了 Datatable Excel 按钮来导出数据。我取得了很大的成功。但现在的挑战是我无法以正确的文件名导出数据。

实际上,当数据表初始化时,导出按钮会自动与表绑定,数据是否正确导出,但在分配文件名时,我试图通过按类搜索来获取可见的 Datatable 实例。当页面中只有一个表格时,我可以获得正确的表格。但是当单页上有多个表格时,优化可见表格不会给出正确的表格。如何在我的 JS 代码中获得正确的表实例,以便它在正确的表上完全工作。

这就是我试图获取可见数据表的方式$('.dt-table:visible').data('excel-filename')

请让我知道如何使用以下代码获得更具体的表格。

JS代码

代码

0 投票
0 回答
694 浏览

javascript - Angular 9:将 Angular Datatable 与 DataTables Buttons 扩展一起使用,但 dt-button-collection 附加在正文的末尾?

将 Angular Datatable 与 DataTables 按钮扩展一起使用,但 dt-button-collection 附加在正文的末尾,为什么?

关于 css/js 存在一些问题。

我该如何解决这个错误?这是我的代码。

这是我正在使用angular.json文件的依赖项

dt-button-collection在末尾追加 在此处输入图像描述

并在单击导出按钮时出现此错误在此处输入图像描述

这是package.json文件

我在这里做错了什么?是版本问题吗?