カスタマイズ･Tips マウスオーバーで行をハイライトしないようにする

記事作成日: 2023-11-28

デフォルトの設定では､tabulatorの各行の上にマウスポインタをもってくると行がグレーっぽい色でハイライトされます｡

これはtabulatorを行ベースで使用するケースでは非常に良いと思いますが､ExcelやGoogle SpreadSheetのようにセルベースで使う場合は少し邪魔なので変更してみました｡

ソースコード

@media (hover: hover) and (pointer: fine) {
	.tabulator-row.tabulator-selectable:hover {
		background-color: transparent;
		cursor: pointer;
	}
}

.tabulator-row.tabulator-selected {
	background-color: transparent;
}

@media (hover: hover) and (pointer: fine) {
	.tabulator-row.tabulator-selected:hover {
		background-color: transparent;
		cursor: pointer;
	}
}

元のcssを変更するのではなく､カスタマイズ用のcssとして追加した方がいいでしょう｡