Html 基于内容的素数数据表列宽自动拟合

Html 基于内容的素数数据表列宽自动拟合,html,css,angular,primeng,Html,Css,Angular,Primeng,我在我的角度应用程序中使用的是prime ng数据表,我想根据内容调整宽度,而不给出它应该自动调整的固定宽度。有人能帮我吗? 这将对您有所帮助 如果我使用[ResizebleColumns]=“true”,那么这些列可以手动调整大小,这意味着我们可以调整该列的宽度,但我希望它根据其中的内容调整宽度。如果我使用[autoLayout]=“true”,它不会显示全宽。你能用html片段更新你的问题吗?你现在可以检查一下吗? <p-table #dataGrid [columns]="col

我在我的角度应用程序中使用的是prime ng数据表,我想根据内容调整宽度,而不给出它应该自动调整的固定宽度。有人能帮我吗?


这将对您有所帮助


如果我使用[ResizebleColumns]=“true”,那么这些列可以手动调整大小,这意味着我们可以调整该列的宽度,但我希望它根据其中的内容调整宽度。如果我使用[autoLayout]=“true”,它不会显示全宽。你能用html片段更新你的问题吗?你现在可以检查一下吗?
<p-table #dataGrid [columns]="columns" [value]="data" [paginator]="columns.length > 0 ? paginator : false"
  [rowsPerPageOptions]="rowsPerPageOptions" [totalRecords]="totalRecords" [first]="first"
  [reorderableColumns]="true" [resizableColumns]="true" [(rows)]="rows" [lazy]="lazy" [lazyLoadOnInit]="false"
  (onLazyLoad)="loadData($event)" [loading]="loading" selectionMode="single" (onRowSelect)="rowSelect($event)"
  (onColReorder)="saveStateToSession()" (onPage)="paginationEvent();" [sortOrder]="sortOrder" [ngClass]="{'disabledrow':disabledRow}"
  (onRowReorder)="updatePriority($event)">
<!---Some data---->
</p-table>