css - 数据表中的内部表-列的宽度不相等

我在行扩展模板内有一个内部表的pdatatable。
但是内部表列的宽度不相等。屏幕快照附在下面。第一列（名称）右边还有更多列，除非我调整列的大小，否则这些列是不可见的。


有人可以告诉我为什么吗。

模板->

    <p-dataTable [value]="tableData" [rows]="rows" [paginator]="paginate" [resizableColumns]="true" tableStyleClass="table-wrap" [rowsPerPageOptions]="[5,10,20]" expandableRows="{{setExpander}}">
    <p-column *ngIf="setExpander" expander="true" styleClass="expander-icon-col"></p-column>
    <div *ngFor="let col of tableOptions.columns">
            <p-column *ngIf="col.field" [field]="col.field" [header]="col.header" [sortable]="col.sortable" [filter]="col.filter" [editable]="col.editable" [filterPlaceholder]="col.filterPlaceholder">
    </p-column>
    </div>
    <template let-col let-index="rowIndex" pTemplate="rowexpansion" *ngIf="setExpander">
            <p-dataTable [value]='subTableData[col[subTableOptions.mapperKey]]' [paginator]="paginate" [rows]='rows' [resizableColumns]="true" [rowsPerPageOptions]="[5,10,20]">
                <div *ngFor="let colum of subTableOptions.columns">
                    <p-column *ngIf="colum.field" [field]="colum.field" [header]="colum.header" [sortable]="colum.sortable" [filter]="colum.filter" [filterPlaceholder]="colum.filterPlaceholder"></p-column>

        </div>
    </p-dataTable>
    </template>
</p-dataTable>

最佳答案

我能够解决这个问题。这是由于某些CSS问题。 Primng在内部表中添加了一个css table-layout：fixed，将其更改为自动修复了该问题。

关于css - 数据表中的内部表-列的宽度不相等，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43317068/