【问题标题】:Change table columns order using drag drop Angular 8使用拖放Angular 8更改表列顺序
【发布时间】:2020-05-28 20:52:06
【问题描述】:

我正在创建一个应用程序: Angular CLI: 8.3.23 Node: 10.15.0 typescript: 3.5.3 我需要使用拖放使表格列重新排序。像https://sindu12jun.github.io/table-dragger 这样的东西,但我已经尝试了多种类似的东西,但没有任何效果。 我也尝试使用一些 jquery 插件,但这也不起作用。我使用了这个https://akottr.github.io/dragtable/ jQuery 插件,但没有运气。 这可以使用<mat-table> 完成,但由于一些其他要求,我不想使用材料表。

如果有人有任何想法,请告诉我。谢谢

【问题讨论】:

  • 1. jQuery 永远不是 Angular 问题的答案。 2. Angular 有几个可拖动的库。尝试从具有良好文档的最受欢迎的开始。
  • 有它的库,但没有表的库,我尝试了可用的库,但那些不起作用,然后我想尝试 jQuery。像这样:github.com/sindu12jun/table-dragger/issues/42 如果你知道 Angular 的任何库,你能分享一下吗? @库尔特
  • 我很惊讶所有可用的 Angular 库都不支持拖动表格行。这是一个主要用例。我没有做过任何拖放操作,所以恐怕没有具体的建议。
  • 啊,我明白了。是的,我怀疑作为内置功能会更难找到。
  • 我认为最好的拖动是使用来自@angular/ckd/drag-drop 的 DragDropModule。 (不必导入所有材料角度)。您可以在stackblitz.com/edit/… 中查看示例

标签: jquery angular angular-material angular8 typescript3.0


【解决方案1】:

我终于可以做到了,请查看链接: Angular material table column dragger

【讨论】:

    猜你喜欢
    • 2019-02-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-02
    相关资源
    最近更新 更多