亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

primeng數據表列寬根據內容自動調整

primeng數據表列寬根據內容自動調整

絕地無雙 2023-10-30 16:02:43
我在我的角度應用程序中使用 prime ng 數據表,我想根據內容調整寬度,而不給出它應該自動調整的固定寬度。誰能幫我這個?<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貢獻2039條經驗 獲得超8個贊

如果有人仍在為此苦苦掙扎:

使用:?[autoLayout]="true"

但刪除:?[resizeableColumns]="true"[scrollable]="true"

由于技術原因,可滾動和可調整大小的屬性與 autoLayout 屬性不兼容。

這將使您的列的寬度與內容決定的寬度一樣。


查看完整回答
反對 回復 2023-10-30
?
肥皂起泡泡

TA貢獻1829條經驗 獲得超6個贊

這會對你有所幫助。

<p-table [resizableColumns]="true" [autoLayout]="true">


查看完整回答
反對 回復 2023-10-30
?
小怪獸愛吃肉

TA貢獻1852條經驗 獲得超1個贊

由于技術原因,可滾動和可調整大小的屬性與 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]"

  >


查看完整回答
反對 回復 2023-10-30
  • 3 回答
  • 0 關注
  • 192 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號