Angular6材质表宽度错误

时间:2018-08-08 12:45:41

标签: html css angular angular-material

我生成了一个新项目,并添加了:

  

ng添加@ angular / material

  

ng生成@ angular / material:material-table --name 数据列表

问题是表未使用所有可用空间,请参见图片: 添加更多列之前的图片

添加列后

我没有更改任何CSS或html(除了pic2更改了html以允许更多颜色。)

1 个答案:

答案 0 :(得分:0)

在CSS文件中使用表CSS

table {
  width: 100%;
}

阅读Document

Demo