问题标签 [ngx-datatable]

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

angular - ngx-datatable detail row with API data not working

I am attempting to create a ngx-datatable that I can use for showing details on row toggle.

Most everything works but I cannot figure out why I am not able to show data that comes form another api for particular row click.

I have refereed this example for this use case,

https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/row-detail.component.ts

That is working like a charm, now i don't get any documentation for passing the API data instead of row data in this method,

I can get data resultset from api into console, but it's not expanding into html template.

Here is my HTML template,

Please help me out. I am using angular 4.3.4 and ngx-datatable 9.3.0

0 投票
3 回答
17487 浏览

angular - 在 Angular 4 中为 ngx-datatable 设置固定高度

swimlane/ngx-datatable我已经使用Angular 4 应用程序设置了一个表格。该表使用该属性scrollbarV,因为它是必需的。我想完全按照他们提供的示例进行操作,并使用滚动条为表格设置固定高度。在附加的来源中,(对我来说)他们如何设置桌子高度并不清楚。所以我的问题是,整个表格的高度到底是如何设置/定义的?

示例来源:

0 投票
2 回答
2494 浏览

angular - 在ngx-datatable中更新行列而不折叠rowDetail

我使用 ngx-datatable 在我的 Angular5 应用程序中创建一个带有 rowDetail 的表。

示例代码在这里

有一个叫“奥斯汀长大”的按钮,点击后奥斯汀的年龄会通过this.rows = [...this.rows]in功能改变和更新表格updateTable()

但是当我在展开详细信息行后单击按钮时,表格将刷新并折叠所有行详细信息。

我认为问题是this.rows = [...this.rows]。我相信这将刷新整个表。

所以...有没有办法在不折叠rowDetail(或不刷新整个表)的情况下动态更新一行的值。

任何建议都会有所帮助,谢谢。

0 投票
1 回答
275 浏览

angular - 在 ngx-datatable 中处理服务器响应数据

我正在尝试从服务器获取数据并将其传递给数据表但无法处理。需要帮忙。我不能很好地理解 Observable。`

`

0 投票
3 回答
5115 浏览

html - 从 ngx-datatable 标头中删除额外的空白空间

我正在创建一个 ngx-datatable,但在表的标题处获得了额外的空间。此外,由于仅此标题,数据行未与标题对齐。这个额外的空间来自表的两端。

我需要删除下图中的标记空间: 数据表

HTML:

CSS:

0 投票
1 回答
1553 浏览

angular - Angular 5 如何修改 ngx 数据表组件并运行它

我做了一个有角度的项目,我正在使用 ngx-datatable。

现在我遇到了 ngx-datatable 的问题,所以我想调试代码,但我不知道如何做到这一点。

我安装了@swimlane ngxdatatable,我直接在文件中写了一行,例如我在文件中写了以下内容:node_module/@swimlane/ngx-datatable/src/body.component.ts

我在 nginit 上写了一个简单的 console.log("saaaaaaaaaa") 只是为了检查我是否可以修改源代码。

但是控制台日志没有显示它。

我想我需要部署更新,但我不知道如何。

为了使问题更笼统,如何直接在我的项目中通过 npm 修改已安装的组件?


我想我找到了该怎么做:

  • 对项目进行分叉
  • 克隆 fork 项目
  • 在本地修改 fork 项目(这里我有一个问题,你可以在下面看到)
  • 在本地构建 fork 项目
  • 提交修改
  • 使用新的修改项目,如果请求拉组件的开发人员。

我现在需要的是了解如何调试组件,当我让 ng 服务并启动项目时,我可以调试项目的所有示例,但我无法调试组件的文件,比如 body.component.ts 等文件.关于我想念什么调试的任何想法?当然,如果我修改 body.component.ts 我可以看到我对代码的更新。但我不喜欢调试控制台.log,所以我喜欢为此使用浏览器调试插件。

0 投票
1 回答
3666 浏览

angular - 角度5 ngx数据表排序不起作用

[ngx-datatable]用来显示数据库中的一些数据。所以为此我制作了我的组件(这里我使用酒店作为组件)。所有酒店在数据表中都显示良好,但酒店名称的排序根本不起作用。当我点击酒店名称标题时,它会将表格显示为空白。

我从这里举了例子

所以现在 hotel.component.ts 看起来像这样

hotel.component.html 看起来像这样

和 hotel.service.ts 看起来像这样

0 投票
0 回答
852 浏览

angularjs - 在 ngx 数据表上添加新行时向下滚动最新行

您好我正在使用 Angularjs2 和 ngx-datatable 来填充一些数据。我有一个按钮可以像这样将新行添加到数据表的底部。

这是插入新行的角度函数。

这就是 ngx-datatable 的定义。

我需要的是在添加新行时滚动到最新行?

任何想法?

0 投票
2 回答
4261 浏览

angular - 是否可以将反应形式数组控件绑定到 ngx-datatable?

我的表单数组 html 标记完美运行,(缩短快照)

现在我知道我们可以根据 in-line ngx-datatable doc定义列。

是否可以将这些控件绑定到ngx-datatable定义的列

0 投票
1 回答
4302 浏览

angular - ngx-datatables 数组元素

我在结构中有元素数组:

每个数组中有 100 个元素。我无法在 ngx-datatable 上显示这些数据。我想显示为:

有没有办法在不改变数据结构的情况下做到这一点?谢谢你。