Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度垫表列选择和取消选择_Angular_Angular Material 6_Mat Table - Fatal编程技术网

Angular 角度垫表列选择和取消选择

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

请按照我为角垫表选择和取消选择列所需的链接浏览链接。

以下是一个简单的概念证明: 如果未选择任何列,或者选择一个或多个列,则该表将隐藏。这些列将使用全宽(flex)显示


列的显示顺序由它们在具有列定义的字符串数组中的顺序决定,而不是由html文件中标记的顺序决定。

您的问题是什么?只需创建两个数组,一个包含所有可用列,另一个包含您当前要查看的列。将后一个用于mat表,并创建一个函数,用于将选项从第一个数组添加/删除到第二个数组。Material表将根据后一个数组的内容隐藏/显示列。感谢您的回复。根据选项am中的链接,基于列选择的列列表,如果列更多,表将更新。用户可以自定义表。@LarsRødal是否有可能在stackblitz中举一个例子。