問題タブ [v-data-table]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - v-data-table で最初に選択した行までスクロールします
テーブル行に selectedRow クラスを追加して、選択した行を強調表示する v-data-table があります。別のコンポーネントでの更新後、v-data-table が更新されます。選択した行に自動的にスクロールして戻りたい。要素が見つからないというエラーが表示されます。ターゲットとして渡そうとしている CSS セレクターが見つからないようです。
次のティックを使用してみましたが、同じエラーが発生します。
vue.js - V-Data-Table 1.5～2.0
vuetify を最新バージョン (以前は 1.5 でした) に更新していますが、新しい小道具とスロットでテーブルを調整しようとすると問題が発生します。すぐ下の表を見ることができます。複数の行を選択したり、すべてを同時に選択したりする可能性があります。私が持っているものを純粋に新しいバージョンに複製する必要があるだけで、新しいスロットでそれを行う方法がわかりません。
ありがとうございました。
css - item-class を v-data-table で動作させる方法 (行に色を付けることができるようにするため)?
- テーブル内のいずれかのフィールドの値に基づいて v-data-table の行に色を付けようとしています。
- ここや他の場所で提供されているすべてのソリューションを試し、さらにいくつか試してみました。
- 現在のバージョンの Vuetify (2.3.9) を実行しています
- すべてをリロードし、ブラウザのキャッシュと Cookie をクリアしました。
- スロットを使用して、または使用せずに試しました。
- 私のアプリケーションは v-app でラップされています
== スロットなし ==
結果：
- クラスは適用されません。
- item-class="jobGreen" (つまり、リアクティブではない) の使用も失敗します
- jobGreen クラスを v-data-table に適用すると (つまり、class='jobGreen')、期待どおりに動作します
== スロットの使用 ==
(簡体字)
OK、これは機能しますが、テーブルの最初の行にはクラスが適用されていません! 別のレコードが上になるようにテーブルを並べ替えても状況は変わらないため、データとは関係ありません。このメソッドは、テーブルの各行に対して呼び出されています。