问题标签 [angular-datatables]

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 回答
570 浏览

datatables - 可以将角度数据表与服务器端数组来源数据一起使用,而不是对象来源数据

我正在尝试将角度数据表与服务器端处理一起使用。但是,似乎 angular-datatables 期望来自服务器的数据采用对象格式(描述的对象与数组数据),列名位于每个表数据点之前。我想将 angular-datatables 配置为接受基于数组的数据,因为我无法修改仅以数组格式输出数据的服务器端输出。

我在我的 javascript 中配置数据表,如下所示:

我来自服务器的数据以数组格式如下所示:

但据我所知,angular-datatables 期望对象格式的数据如下:

我尝试不定义 dtColumns 或将其设置为空数组,vm.dtColumns = [];但是当我这样做时收到错误消息。当我配置 dtColumns 并承诺通过 ajax 加载列数据时,我收到数据表错误 #4,因为它在从服务器检索的数据中找不到我的表数据点之前的列名。

是否可以配置角度数据表以接受基于数组的数据?我在angular-datatables 网站 上找不到任何表明可以以这种方式配置的内容。

编辑:所以我删除了.withDataProp('data')我认为导致问题的那个。这张桌子现在工作得更好了,但它仍然坏了。加载后,我收到消息No matching records found。即使在它的正下方它说Showing 1 to 10 of 60,349 entries Previous1…456…6035Next 有谁知道这可能是为什么?

0 投票
2 回答
5060 浏览

angularjs - ng-click 事件绑定在角度数据表中不起作用

我正在使用角度数据表来列出学生信息。我想为每个搜索、排序、分页等实现服务器端 ajax 实现,而不是获取所有数据并使用 angularjs 重复数据。排序,搜索,分页工作正常。ng-click但是当单击特定的行操作时,我无法绑定事件。

这是我的看法: 这是我的看法

这是我的 JavaScript 源代码: 这是我的 JavaScript 源代码

0 投票
1 回答
845 浏览

angularjs - 如何在角度数据表中设置列表的范围变量?

我正在我的基于 angularjs 的应用程序中实现 angular 数据表,我正在做休息服务调用并获取对象列表作为对 angularjs 控制器的响应,例如

在这个范围内,我将获得对象列表,我需要在角度数据表中设置范围 var。但是当我尝试实现为

我已经看到解释了json或数组实现之类的示例,但是我需要添加或设置范围变量,即数据表中的列表。

在我的 html 代码中

但是数据没有反映在页面中,谁能帮我解决这个问题。

0 投票
1 回答
1887 浏览

jquery - datatable : 分块加载数据

要求 :

我正在寻找将大型dataset服务器加载到jQuery DataTables.

我不想一次加载整个数据,而是想逐块加载表。当用户单击分页索引时,进行 ajax 调用获取几百行。

例子 :

因此,在一个网格中,每页只有 10 条记录可见,并且分页将高达50 index( 10(records per page)*50(pages) = 500(records))。单击第 50 个索引时,我们要获取另一个500 records并添加相同的datatable索引,然后索引将高达100

我有一个1500记录数据集,但有一次我只能获取500记录。

我正在探索各种问题,SOdatatable forum到目前为止仍然没有找到解决方案。

数据表论坛: 尝试做客户端延迟加载

0 投票
1 回答
748 浏览

javascript - AngularJs Datatables 无法使用 ng-repeat 迭代 html 上的列

嗨,我正在研究 Angularjs 数据表并尝试使用 ng-repeat 迭代列和行,但它不起作用。我检查了文档,但找不到在 html 上传递列和记录的确切方法。


谢谢,

0 投票
3 回答
11849 浏览

angularjs - 数据表更改界面语言

我目前正在使用角度数据表。

如何查看其他语言的表格界面?

我的意思是“显示条目”、“搜索:”、“显示 20 个条目中的 1 到 10 个”文字,例如西班牙语。

0 投票
1 回答
1405 浏览

angularjs - Angular-Datatable 按钮不会呈现

我已经彻底遵循了这个示例,但仍然无法在我正在使用服务器端处理绘制的数据表上呈现任何按钮。这是代码:

在这里,我在将 $state 与我的表一起移动之前解决了依赖关系:

这是我用来呈现表格的 HTML:

我注意到在 angular-datatables 文档示例中,还包含了一个 css 文件:

我从数据表文档中挖掘出来并将其包含在我的 index.html 中,但对我的事业没有多大帮助。

我将不胜感激任何帮助!:)

非常感谢,期待回音

0 投票
3 回答
1821 浏览

angularjs - 似乎无法像网站示例那样以引导的角度数据表为主题

我已经在我的 Web 应用程序中实现了 Angular-Datatables(使用 Bootstrap 样式),但我似乎无法弄清楚如何让我的数据表看起来像他们网站上的示例。

例如,他们的数据表具有以下特征:

  • 每个列标题的图标(如下所示)
  • 列标题的白色背景色
  • 条纹行从灰色开始,然后是白色等。

数据表示例

而我的默认表具有以下内容:

  • 表示当前有序列的箭头(如下所示)
  • 列标题的灰色背景色
  • 条纹行以白色开始,然后是灰色等。

我的例子

我添加了标准引导主题文件:

设置我的默认数据表:

并使用引导程序选择了我的数据表:

甚至引导网站上的示例都模仿了数据表格式。我可能忽略了什么吗?

0 投票
0 回答
327 浏览

javascript - AngularJS数据表上的分页页码UI

我已经在 AngularJS angular-datatables上配置了这个模块,我发现当我尝试将鼠标悬停在表格右下方的页码上时出现 UI 错误.. 参见图片

在此处输入图像描述

如您所见,当我尝试将鼠标悬停在第 25 页上时,当我尝试移动到下一个数字 (26) 时,会出现这个灰色方块,它也会移动。

我已经关注了网站上的文件包含。有什么我需要包含的文件吗?它没有在网站上说明除了提到的内容之外还有我需要包含的文件。

添加了检查细节:

在此处输入图像描述

0 投票
1 回答
631 浏览

javascript - 为什么角度数据表插件按钮不起作用

我正在使用来自以下资源的角度数据表:http: //l-lin.github.io/angular-datatables/#/welcome

我正在尝试从这里运行“带按钮”的示例:http: //l-lin.github.io/angular-datatables/#/withButtons

我所做的一切都与示例中的完全一样,但显然我在桌子上看不到任何按钮,我应该看到它们。任何线索为什么它会这样。

更新:

我只能看到没有excelpdf按钮的自定义按钮。我仍然有一个问题,不是所有按钮都显示出来。