Angular Material Table:自定义排序文件夹和文件项

2024-06-06

我的里面有不同类型的物品mat-table:文件和文件夹。
它们必须像在 Microsoft 文件资源管理器中一样进行排序。文件夹不能与文件夹分开,同样也不能与文件分开。
所有其他排序规则保持不变。

有谁知道如何解决这个问题? 先感谢您!


您必须覆盖附加到表的 MatTableDataSource 上的 sortData。这是负责对记录进行排序的函数,例如

this.dataSource.sortData = (data: YourObjectType[], sort: MatSort) => {
 return data.sort((a: YourObjectType, b: YourObjectType => {
   //Sorting logic here
 });
}

可以看github上的material代码中的默认实现:https://github.com/angular/components/blob/c2a20c4a035ef57bf598fd78bc7284c180b34c78/src/material/table/table-data-source.ts#L168 https://github.com/angular/components/blob/c2a20c4a035ef57bf598fd78bc7284c180b34c78/src/material/table/table-data-source.ts#L168

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular Material Table:自定义排序文件夹和文件项 的相关文章

随机推荐

  • 安装一系列嵌入式 MSI 软件包,每个软件包都使用嵌入式 UI - 显示通用进度条

    我正在使用 Windows Installer 4 5 新功能和 WiX 来生成MSI http en wikipedia org wiki Windows Installer包 我创建了一个 MSI 链安装 以便将其他 MSI 包的集合作
  • 如何从字节数组创建 IntStream?

    我已经知道只有IntStream and LongStream 我怎样才能做一个IntStream来自字节数组 目前我正打算这样做 static int bytesToInts final byte bytes final int ints
  • 如何在 React 类组件中使用 React-query?

    我意识到 如果我想使用钩子import useQuery from react query 我只能在 React 函数组件中做到这一点 我是否必须用 React 函数语法重写旧的类组件 或者是否有一种简单的方法可以将 React query
  • Maven项目中的HDF5

    我正在尝试将 hdf hdf5lib H5 导入到 NetBeans 中的 Maven 项目中 它有这个作为导入行 import hdf hdf5lib H5 正如这里所建议的 https support hdfgroup org prod
  • ANDROID:如何从所有窗口顶部的通知或长按搜索按钮启动弹出对话框?

    我已经搜索过 一切都是关于启动活动而不是对话框 我想要做的是在状态栏中显示通知 当用户按下它时 在用户单击通知之前正在查看的内容之上会弹出一个对话框 我不希望对话框显示在主要活动或最近的应用程序列表的顶部 另外 如何通过长按搜索按钮启动对话
  • Mac OS X 中每个进程的磁盘读/写统计信息

    如何在 Mac OS X 中以编程方式获取每个进程的磁盘 I O 统计信息 在 活动监视器 应用程序或 top 命令中 我们只能获取整个系统磁盘 I O 统计信息 以供参考PC 上也有类似的问题 https stackoverflow co
  • 调试器不会停止在 Intellij IDEA 中的源代码处

    我有一个相当奇怪的问题 无法使用 Intellij IDEA 解决 我正在解析电子邮件文件org apache james mime4j包裹 但我的邮件文件格式不兼容Date 标头 因此 我从 mime4j 源创建了模块 并从磁盘中删除了
  • 无法在自定义脚本中检索折扣产品价格

    我有一个自定义脚本 可以以 csv 格式输出特定产品的列表 商店的前端运行良好 但是当在我的脚本中检索产品的价格时 实际的 FinalPrice 没有考虑我的目录价格规则 这有点混乱 因为getFinalPrice 方法在模板文件等中完美运
  • 调试 xslt 的工具

    我有一个 Java servlet 它生成 XML 使用 XSLT 样式表对其进行翻译 然后显示生成的 HTML 这是我第一次使用 XSLT 调试 XSLT 的好方法是什么 我也有 或可以获得 一些示例 XML 文件来应用转换 但我什至不确
  • 在另一个函数中定义一个函数的优雅方式

    我想构建 f lt function g lt function x x 2 list 这样我就可以使用调用f g 4 并有list 导致list 16 一般来说我会在里面定义几个临时函数f用户在调用时可以调用f 我已经尝试过assign
  • 在 python + openCV 中使用网络摄像头的问题

    我正在使用以下代码使用 openCV python 访问我的网络摄像头 import cv cv NamedWindow webcam feed cv CV WINDOW AUTOSIZE cam cv CaptureFromCAM 1 然
  • 在 IPTables 中记录丢弃的数据包?

    我正在尝试在 iptables 中记录来自不断攻击我的服务器的恶意 IP 地址的一些丢弃的数据包 来自这个恶意 IP 的所有内容都会被删除 我在 Web 服务器日志中再也看不到它了 这是一件好事 使用 tcpdump 我可以看到流量仍然来自
  • 如何保存 Tensorflow.js 模型?

    我想制作一个创建 保存和训练 tensorflow js 模型的用户界面 但我无法在创建模型后保存模型 我什至从tensorflow js文档复制了这段代码 但它不起作用 const model tf sequential layers t
  • 如何在Android中创建类似架子的视图?

    如何在android中创建一个类似书架的视图 在任意行中显示多本书 此外 它应该具有像 Moon reader 应用程序那样的水平和垂直功能 我可以编写一个水平移动的架子视图 但它不能完全工作 我使用 xml 文件来查看包含图像 文本和按钮
  • 将打字稿中的字符串转换为时间格式

    我必须将服务器数据转换为字符串格式13 47 to 01 47PM但我正在尝试 time date hh MM and task time date shortTime 但它显示日期管道错误和参数错误 运行时错误 InvalidPipeAr
  • 如何在 UIView 中获取父导航控制器

    我创建了一个UITabBarController在我的应用程序委托中 其中每个选项卡栏项目都有不同的UINavigationController加载自定义的UIViewController带NIB 使用 pushViewController
  • 如何在同一列中选择多个值?

    我正在尝试在单个列中选择多个值 基本上我希望查询选择列下的所有内容family有价值观Software 1Y XI 1Y and P1 1Y 我正在运行这个查询 SELECT salesorder masterproduct family
  • ASP.NET 中用户控件和页面的公共基类

    现在我的页面有一个继承的基类System Web UI Page和我的用户控件的另一个基类继承System Web UI UserControl 这些类包含相同的方法 由于 C 不支持多重继承 我无法将这两个类合并为一个同时继承 Page
  • Power BI:百分比变化公式

    我想在 power BI 中创建一个简单的百分比变化公式 具体来说 我想评估逐月的成本变化百分比 我知道百分比变化可以用不同的方式定义 所以要清楚的是 这是我指的公式 change current value previous value
  • Angular Material Table:自定义排序文件夹和文件项

    我的里面有不同类型的物品mat table 文件和文件夹 它们必须像在 Microsoft 文件资源管理器中一样进行排序 文件夹不能与文件夹分开 同样也不能与文件分开 所有其他排序规则保持不变 有谁知道如何解决这个问题 先感谢您 您必须覆盖