4

私はターボテーブルを使用しており、以下が必要です:

  • コンテンツに基づいてすべての列のサイズを自動調整します。
  • テーブル自体を水平方向に画面いっぱいに表示します。たとえば、手動で幅を指定しないでください。
  • 自動サイズ調整された列が、テーブル幅が提供できるよりも多くのスペースを必要とし、手動で列幅を指定する必要がない場合、および列トグルで新しい列を追加する場合、テーブルを水平方向にスクロールします。

私が得たターボテーブルの例から:

<p-table [columns]="cols" [value]="cars" [scrollable]="true" scrollHeight="200px" 
[style]="{'width':'100%'}">
    <ng-template pTemplate="colgroup" let-columns>
        <colgroup>
            <col *ngFor="let col of columns" style="width:250px">
        </colgroup>
    </ng-template>
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of columns">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData let-columns="columns">
        <tr>
            <td *ngFor="let col of columns">
                {{rowData[col.field]}}
            </td>
        </tr>
    </ng-template>
</p-table>

しかし、私は使いたくありません

<col *ngFor="let col of columns" style="width:250px">

ここにplnkrがあります

4

4 に答える 4