エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vuetify 2のv-data-tableでshow-selectを使いつつtrタグにclassを設定したい - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vuetify 2のv-data-tableでshow-selectを使いつつtrタグにclassを設定したい - Qiita
<template> <v-data-table v-model="selected" :headers="headers" :items="items" item-key="id" show-... <template> <v-data-table v-model="selected" :headers="headers" :items="items" item-key="id" show-select > <template v-slot:item="{ item, isSelected }"> <tr :class="tableRowClass(item, isSelected)"> <td> <v-simple-checkbox :value="isSelected" @input="toggleRow(item)" class="v-data-table__checkbox" hide-details /> </td> <td>{{ item.id }}</td> <td>{{ item.name }}</td> <td>{{ item.status }}</td> </tr>