问题标签 [ngx-datatable]

在我的 Angular 应用程序中安装了 ngx-datatable 组件，在安装测试时我很简单，一切都按预期发生，但是当使用 ngx-datatable-footer 元素时，我收到以下消息：

未捕获的错误：模板解析错误：'ngx-datatable-footer' 不是已知元素： 1. 如果 'ngx-datatable-footer' 是 Angular 组件，则验证它是否是此模块的一部分。2. 如果“ngx-datatable-footer”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制 > 此消息。("

"): ng:///GeneAppModule/ProcessoFormComponent.html@567:8 at syntaxError ( http://localhost:4200/vendor.bundle.js:170688:34 ) 在 TemplateParser.webpackJsonp.../../。 ./compiler/@angular/compiler.es5.js.TemplateParser.parse ( http://localhost:4200/vendor.bundle.js:181808:19 ) 在 JitCompiler.webpackJsonp.../../../compiler /@angular/compiler.es5.js.JitCompiler._compileTemplate ( http://localhost:4200/vendor.bundle.js:195960:39 ) 在http://localhost:4200/vendor.bundle.js:195880:62 在 Set.forEach (native) at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._compileComponents ( http://localhost:4200/vendor.bundle.js: 195880:19 ) 在http://localhost:4200/vendor.bundle.js:195767:19 在 Object.then ( http://localhost:4200/vendor.bundle.js:170677:148 ) 在 JitCompiler.webpackJsonp.../.. /../compiler/@angular/compiler.es5.js.JitCompiler._compileModuleAndComponents ( http://localhost:4200/vendor.bundle.js:195766:26 ) 在 JitCompiler.webpackJsonp.../../.. /compiler/@angular/compiler.es5.js.JitCompiler.compileModuleAsync ( http://localhost:4200/vendor.bundle.js:195695:37 )

代码工作：

代码不起作用：

我的 package.json 中的版本：
“@angular/core”：“^4.2.2”、
“@swimlane/ngx-datatable”：“7.2.1”、

一些介绍：

我们目前正在开发一个基于 Angular2 的应用程序，它的数据量很大。为了展示这些数据，我们决定尝试一下ngx-datatables。将需要大量组件在网格中显示数据。我们添加了一个自定义页脚模板以及一种自定义页眉，显示使用<select>元素的页面大小选择器。

标记行的数量增长了很多，因此我们希望将<ngx-datatable>带有页眉和页脚的定义移动到单独的网格组件中。现在我们希望通过允许使用网格的开发人员在标记中简单地定义列来重用该组件，以便在列内容方面具有完全的灵活性。

这个想法是有一个常用的网格组件，它只要求数据作为输入并呈现它。网格中的典型功能（服务器端排序和分页）在网格组件中应该只存在一次。使用网格组件的组件应该只提供网格组件订阅的数据，仅此而已。

我们目前拥有的：

.ts 文件中定义的具有选择器“网格”的通用网格组件

特定网格

我们尝试使用<ng-content></ng-content>列但没有运气，只是没有渲染网格，我猜是因为没有定义任何列。

有没有办法不一遍又一遍地重复网格定义的相同代码并实现某种处理公共标记的包装器？

感谢任何输入。提前致谢！

更新

我们设法通过 .ts 文件和ng-template标记中的 a 来做到这一点，但我们更愿意只在标记中定义列。有人知道吗？

我正在尝试使用 ngx-datatable ，安装后出现编译错误。自过去几个小时以来，我一直在搜索这个问题，但不知道是什么原因造成的。

• 使用通常的方式安装它：npm install @swimlane/ngx-datatable
• 将模块导入到app.module.ts

import { NgxDatatableModule } from '@swimlane/ngx-datatable

HTML：

my-package/node_modules/@swimlane/ngx-datatable/release/types/column-mode.type.d.ts (2,16)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

/node_modules/@swimlane/ngx-datatable/release/types/column-mode.type.d.ts (3,12)中的错误 my-package：在环境枚举声明中，成员初始化程序必须是常量表达式。

/node_modules/@swimlane/ngx-datatable/release/types/column-mode.type.d.ts (4,13)中的错误 my-package：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/sort.type.d.ts (2,14)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/sort.type.d.ts (3,13)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/sort-direction.type.d.ts (2,11)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/sort-direction.type.d.ts (3,12)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/selection.type.d.ts (2,14)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/selection.type.d.ts (3,13)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/selection.type.d.ts (4,18)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/selection.type.d.ts (5,12)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/selection.type.d.ts (6,16)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/click.type.d.ts (2,14)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

my-package/node_modules/@swimlane/ngx-datatable/release/types/click.type.d.ts (3,14)中的错误 ：在环境枚举声明中，成员初始化程序必须是常量表达式。

/node_modules/@swimlane/ngx-datatable/release/types/contextmenu.type.d.ts (2,14)中的错误 my-package：在环境枚举声明中，成员初始化程序必须是常量表达式。

/node_modules/@swimlane/ngx-datatable/release/types/contextmenu.type.d.ts (3,12)中的错误 my-package：在环境枚举声明中，成员初始化程序必须是常量表达式。

感谢帮助。

https://github.com/swimlane/ngx-datatable/blob/master/demo/sorting/sorting-client.component.ts

在 ngx-datatable 中，可以通过单击标题列对数据表进行排序，但是，我想对行进行一些内联​​编辑并返回类似的值

编辑（$事件，行索引，单元格名称）

rowIndex 返回排序后的索引，与原始输入行（数组）不匹配，如何从数据表中获取排序后的数组？

我正在尝试导出 ngxdatable 在 Angular 2 中显示的 pdf。怎么做？

使用Swilane的 Angular 组件ngx -datatable可以使用服务器端分页和服务器端排序。

它们都已记录在案，但是尚不清楚如何将它们组合起来并同时使用服务器端分页+排序。

从文档中，当用户更改页面时，分页会自动调用回调：

排序也是如此：

但是如何将它们结合起来？

我正在使用 ngx-datatable 并尝试向我的代码添加过滤功能，但它根本不起作用。

这是我的代码：

就像在文档代码中一样，我必须在我的输入updateFilter中添加一个函数来获取输入的值，然后有一个函数可以根据插入的值过滤临时数组但是这个函数根本不起作用我得到Cannot read property 'Name' of undefined我检查了使用控制台和调试它们数组的值似乎数组是正确的并且有值，但我不知道为什么过滤器函数什么都不返回。我尝试添加尝试 - 捕获问题消失但过滤功能过滤任何内容。

编辑：student.component.html 的代码

编辑 2：我发现了为什么会出现错误，缺少一些名称（它们为空），并且在过滤器内部，如果它为空，就会出现问题。我添加了 student !== null 但问题仍然存在。

我有一个表，其中包含使用 ngx-datatable 的结果列表。目前，表格显示分页结果。

我想添加一个按钮来“显示所有”结果而不进行分页，你认为我应该怎么做？

我正在做一个 Angular 2 项目。我使用 ngx-datatable 显示用户列表：

当我单击触发以下 showAll() 方法的按钮时，什么也没有发生，除非我再次单击，列表被刷新，或者如果我单击一次，并调整浏览器窗口的大小，列表被刷新.. 如何我正确刷新列表？我究竟做错了什么？在我的组件类中，我有这个：

我在ngx-datatable的每个标题单元格中都有自定义下拉组件。但是当我点击下拉菜单时，它会进入ngx-datatable正文。我该如何解决这个问题，请帮助我。

我正在使用角度 4.0 和打字稿 2.4。

截屏：

这是我的代码：