Angular 5-我们可以对表格列进行排序并显示图标吗(用于取消排序)

尼宾宝贝

我有一张桌子,并使用材质角度激活了排序标题。我可以最初对任何一列进行排序并显示未排序图标(通常在单击列名称后出现)以及他最初的排序图标。

例如 我有一个带有A,B,C,D列的表。我想按C列对表格进行排序。我希望排序后的图标最初处于活动状态(在组件加载本身上)。因此,当我单击该图标时,它将不进行排序。

提前致谢。

法比安·昆格(FabianKüng)

是的,您可以首先对一个列进行排序。查看MatSort及其sort功能。

您需要在组件中执行的所有操作如下:

// Reference the matSort which you should already have anyway
@ViewChild(MatSort) sort: MatSort;

ngOnInit() {
  // Link the sort to the table and then sort it initially
  this.dataSource.sort = this.sort;
  this.sort.sort({disableClear: false, id: 'progress', start: 'desc'});
}

是一个堆叠闪电战,在这里我采取了一个“角度材料”示例,并在该列上添加了初始排序progress

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我们可以在 Angular 5 中使用 Cropit 吗?

在Angular中对表格列进行排序

给定一台可以对5个对象进行排序的机器。我们能多快排序25个呢?

我可以对base32 / 64编码的MD5哈希进行alpha排序吗?

Angular 5按日期排序

Angular 5可以订阅和取消订阅

Angular 5:如何按字母顺序对 Observable 进行排序?

我们如何使用Angular通过TimeStamp数据类型对Firebase Firestore数据进行排序?

Angular 5:表格内的动态表单验证

Angular 5:事件处理,用于物料下拉

Angular 5是否仅对模糊进行验证?

使用RxJS Observables进行排队-Angular 5

如何使用 angular 5 进行掩蔽

Angular 5 - 数据未显示在模板中

无法在 Angular 5 中显示 Toast 消息

Angular 4-5 HttpClientModule显示数据

Angular 5:根据输出显示状态文本

显示Json Array Angular 5 HttpClient

Angular 5与Canvas drawImage未显示

在谷歌地图上显示模态-Angular 5

Angular 5材料数据表排序不起作用

如何使用Angular.js根据数字值对表格进行排序?

我如何使用ngc进行Angular 5 --aot构建?

内部jQuery函数我可以调用Angular 5函数

我们是否可以在angular(2/4/5/6)中使用多个库,因为它支持TreeShaking?在不影响性能和构建尺寸的情况下

Angular 5 --aot 与 Angular 5 --aot=false

可以将Angular 6库捆绑并在Angular 5应用程序中使用吗?

Angular 5如何在index.html中检测到我们正在生产中

我们如何在 angular 5 项目中使用像 jquery.tabulator 这样的 jquery 插件