微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

有没有一种方法可以根据屏幕大小在Angular Mat表中应用“ displayColumns”

如何解决有没有一种方法可以根据屏幕大小在Angular Mat表中应用“ displayColumns”

在Angular Material表中,我们在组件文件中定义displayColumns,然后在html模板中应用它们。有什么方法可以根据屏幕大小动态分配displayColumns的值?

在移动设备上显示表格时,我只希望显示2或3列。

// part of component.ts
displayedColumns = ['compName','city','state','compCat','compSubcat','compClass','options'];

//part of html

      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。