我在我的角度應(yīng)用程序中使用 prime ng 數(shù)據(jù)表，我想根據(jù)內(nèi)容調(diào)整寬度，而不給出它應(yīng)該自動(dòng)調(diào)整的固定寬度。誰能幫我這個(gè)？<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>
3 回答
largeQ
TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
如果有人仍在為此苦苦掙扎：
使用：?[autoLayout]="true"
但刪除：?[resizeableColumns]="true"和[scrollable]="true"
由于技術(shù)原因，可滾動(dòng)和可調(diào)整大小的屬性與 autoLayout 屬性不兼容。
這將使您的列的寬度與內(nèi)容決定的寬度一樣。
肥皂起泡泡
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超6個(gè)贊
這會(huì)對(duì)你有所幫助。
<p-table [resizableColumns]="true" [autoLayout]="true">
小怪獸愛吃肉
TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超1個(gè)贊
由于技術(shù)原因，可滾動(dòng)和可調(diào)整大小的屬性與 autoLayout 屬性不兼容。
<p-table
#dt
[value]="records"
[columns]="cols"
responsiveLayout="scroll"
dataKey="userid"
styleClass="p-datatable-sm"
[loading]="!loadingSpinner"
[columns]="cols"
[exportFilename]="exportName"
[rows]="100"
[(contextMenuSelection)]="selectedItem"
scrollHeight="450px"
[tableStyle]="{ width: 'max-content'}"
[autoLayout]="true"
columnResizeMode="expand"
[contextMenu]="cm"
(onEditComplete)="editGrid($event)"
[rowsPerPageOptions]="[100, 200, 500]"
>
- 3 回答
- 0 關(guān)注
- 223 瀏覽
添加回答
舉報(bào)
0/150
提交
取消