Tabulator上での選択行の色付けの方法

jQueryの表作成プラグインの一つであるTabulatorについて分からない部分がありますので質問させていただきます。

現在Tabulatorを使用して表を作成しており、機能の一つとして「クリックした行の背景色を青にする」というものを加えたいと考えています。また、「直前までに選ばれていた行は元の色(transparent)に戻す」という処理も加えたいと考えています。

上記のうち、「直前までに選ばれていた行は元の色に戻す」という処理をどうすればいいのかが分かりません。

現在のソースコードは以下の通りです。

javascript
1$('#table').tabulator({
2responsiveLayout; true,
3fitColumns:true,
4columns: [
5   {title:"name", field:"name", sortable:true},
6   ...中略
7],
8rowClick: function(e, row){
9   $('#table').css({"background-color":"transparent"});
10   row.getElement().css({"background-color":"#A6A6DF"});
11}
12});

お忙しい年の瀬に大変恐縮ですがよろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

CSSを使うと比較的やりやすいと思います。

CSS
1.current_row { background-color: #A6A6DF; }

js
1// row.getElement().css({"background-color":"#A6A6DF"});
2// ↓
3   $( '.current_row' ).removeClass( 'current_row' );
4   row.getElement().addClass( 'current_row' );