🐶
vuetify/v-data-tableの列固定
ヘッダーの固定はfixed-headerで簡単に設定できますが、列の固定はどうしましょうか？
答えは、CSS（deep style）より、以下のように簡単に設定できます。
一列目を固定の例：
CSSより選択のために、classをmy-tableにする
<v-data-table
class="my-table"
></v-data-table>
CSSの設定
<style scoped>
// ヘッダ（th）の固定
.my-table >>> th:nth-child(1) {
position: sticky !important;
position: -webkit-sticky !important;
left: 0;
z-index: 9999;
// 行（td）の固定
.my-table >>> tr td:nth-child(1) {
position: sticky !important;
position: -webkit-sticky !important;
left: 0;
z-index: 9999;
</style>
そう！ポイントはstickyです。