css 设置某一列的宽度,css - 如何将Mat-Table CSS列宽度设置为仅占用数据空间？ - 堆栈内存溢出...

我有一个如下所示的Angular 9垫子桌子

category

{{ item.category.path }}

item

{{ item.title }}

price

{{ item.created_on }}

我对各种列使用以下样式，这些样式为每列设置固定宽度

.mat-column-title {

word-wrap: break-word !important;

white-space: unset !important;

flex: 0 0 50% !important;

width: 50% !important;

overflow-wrap: break-word;

word-wrap: break-word;

word-break: break-word;

-ms-hyphens: auto;

-moz-hyphens: auto;

-webkit-hyphens: auto;

hyphens: auto;

}

如何构造CSS，以使列仅占用数据占用的宽度？ 也就是说，我不想为每列指定固定的像素或百分比。 不知道这是否可行。