5

PrimeNG の DataTable ( http://www.primefaces.org/primeng/#/datatable ) を使用しています。列の 1 つを並べ替え可能に定義しました ()。グループアプローチを使用してヘッダーをグループ化するまで、それはうまくいきました。

this.headerRows = [
    {
        columns: [
            {header: 'Station Data', colspan: 3}
        ]
    },
    {
        columns: [
            {header: 'ID'},
            {header: 'Name'},
            {header: 'Basin'}           
        ]
    }
];



     <p-dataTable [value]="stationsArray" [headerRows]="headerRows" [globalFilter]="gb" [rows]="3" [paginator]="true" [rowsPerPageOptions]="[3,5,7]" scrollWidth="100%" >  
            <!-- ID -->
            <p-column field="id" [sortable]="true"></p-column>
            <p-column field="name" [sortable]="true"></p-column>
     </p-dataTable>

その時点で、並べ替え可能な列に並べ替えインジケーターが表示されなくなりました。これらは一緒に使用できませんか?グループ化されたヘッダーのイメージ

4

0 に答える 0