Я пытаюсь переопределить стандартные заголовки в таблице квазаров. Главным образом, потому что мне нужен сложенный заголовок (2 строки с colspans / rowspans). Я могу сделать так, чтобы это выглядело правильно, но я не могу заставить его вести себя как правильный заголовок таблицы - главным образом потому, что он не сортируется. Я пробовал несколько способов декларативно связать его.
<q-table
:data="data"
:columns="columns"
row-key="name" class="col-12">
<template v-slot:header="props">
<q-tr :props="props">
<q-th rowspan="2" >Sku</q-th>
<q-th rowspan="2">Name</q-th>
<q-th colspan="3" style="text-align:center">Sales</q-th>
<q-th rowspan="2" style="text-align:center">Order</q-th>
<q-th colspan="3" style="text-align:center">Before Order</q-th>
<q-th colspan="3" style="text-align:center">After Order</q-th>
<q-th colspan="3" style="text-align:center">Order</q-th>
</q-tr>
<q-tr :props="props">
<q-th>Qty</q-th>
<q-th>Count</q-th>
<q-th>Daily</q-th>
<q-th>Stock</q-th>
<q-th>Days</q-th>
<q-th>Date</q-th>
<q-th>Stock</q-th>
<q-th>Days</q-th>
<q-th>Date</q-th>
<q-th>Price</q-th>
<q-th>Discount</q-th>
<q-th>Total</q-th>
</q-tr>
</template>
</q-table>