Возможно ли в компоненте data-table vuetify.js сделать многоуровненвую группировку строк?

Question

[vasiiil]

Здравствуйте. В vuetifyjs есть прекрасный компонент data-table. В нем можно группировать строки по какому-либо параметру (пример). Но мне нужен еще один уровень группировки.

Например, в банковских приложениях можно посмотреть расходы за год (первый уровень), и потом еще раскрыть расходы по каждому месяцу (второй уровень).

Сам вопрос: возможно ли это как-то сделать просто через настройки этого компонента или же надо самому это отрисовывать?

Заранее спасибо

Answer 1

[vasiiil]

Решил вопрос пока что так через expanded-item. Может, кому-нибудь пригодится. Таким образом можно выводить любой уровень вложенности. Если кто-то предложит более элегантное решение, буду рад.

// componentName = 'componentA'
<v-data-table>
    <template v-slot:expanded-item>
        <componentA></componentA>
    </template>
</v-data-table>