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