Angular 角度垫表列选择和取消选择
请按照我为角垫表选择和取消选择列所需的链接浏览链接。以下是一个简单的概念证明: 如果未选择任何列,或者选择一个或多个列,则该表将隐藏。这些列将使用全宽(flex)显示Angular 角度垫表列选择和取消选择,angular,angular-material-6,mat-table,Angular,Angular Material 6,Mat Table,请按照我为角垫表选择和取消选择列所需的链接浏览链接。以下是一个简单的概念证明: 如果未选择任何列,或者选择一个或多个列,则该表将隐藏。这些列将使用全宽(flex)显示 列的显示顺序由它们在具有列定义的字符串数组中的顺序决定,而不是由html文件中标记的顺序决定。您的问题是什么?只需创建两个数组,一个包含所有可用列,另一个包含您当前要查看的列。将后一个用于mat表,并创建一个函数,用于将选项从第一个数组添加/删除到第二个数组。Material表将根据后一个数组的内容隐藏/显示列。感谢您的回复。根据
列的显示顺序由它们在具有列定义的字符串数组中的顺序决定,而不是由html文件中标记的顺序决定。您的问题是什么?只需创建两个数组,一个包含所有可用列,另一个包含您当前要查看的列。将后一个用于mat表,并创建一个函数,用于将选项从第一个数组添加/删除到第二个数组。Material表将根据后一个数组的内容隐藏/显示列。感谢您的回复。根据选项am中的链接,基于列选择的列列表,如果列更多,表将更新。用户可以自定义表。@LarsRødal是否有可能在stackblitz中举一个例子。