【Handsontable】currentRowClassName カレント行のスタイル設定
Handsontable(ハンズオンテーブル)のカレント行(選択行)のスタイルを変更する方法を紹介します。
カレント行(選択行)のスタイルを変更するには、
currentRowClassName
というオプションを使用します。
currentRowClassName
とは
現在選択されているすべての表示行のクラス名。
JavaScriptサンプル
$(function(){ var data = [ ["", "Ford", "Tesla", "Toyota", "Honda"], ["2017", 10, 11, 12, 13], ["2018", 20, 11, 14, 13], ["2019", 30, 15, 12, 13] ]; var container = document.getElementById('handsonTable'); var hot = new Handsontable(container, { data: data, currentRowClassName: 'currentRow', }); });
CSSサンプル
.currentRow { border-color: rgb(75, 137, 255) !important; }