时间戳

首页 > 解决方案 > primeng 数据表列宽度根据内容自动调整

html - primeng 数据表列宽度根据内容自动调整

问题描述

我在我的角度应用程序中使用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>

标签： htmlcssangularprimeng

解决方案

这将对您有所帮助。

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

推荐阅读