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