ハイライト行

Question

私は、ブートストラップ・テーブルを使用していますが、それは私のペンです：codepen

私は第一表で選択した同じIDで（2番目と3番目のテーブル内の）行をハイライトする必要があります。

どうすれば選択/選択解除できますか？私は行にselectedクラスを追加する必要があると思いますか？私はそれをしようとしましたが、残念ながらそれは動作していないようです。ここで

は、私が試したものです：

さらに

if ($('tr[class="selected"]')) { 
    var temp = $('tr[class="selected"]').attr("data-index"); 
    $('tr[data-index="' + temp + '"]').addClass('selected'); 
} 

、なぜテーブルの昇順順序はありますか？どのようにしてjsonオブジェクトの元のシーケンスを保持できますか？

Answer 1

アップデート次のスクリプトを使用してリスナー：

$('#eventsTable').on('check.bs.table', function (e, row, element) { 

    var id = Number(element.attr('data-index')) + 1; 
    $('#eventsTable2 tr:eq('+id+')').addClass('selected'); 
    $('#eventsTable3 tr:eq('+id+')').addClass('selected'); 
}); 

$('#eventsTable').on('uncheck.bs.table', function (e, row, element) { 

    var id = Number(element.attr('data-index')) + 1;  
    $('#eventsTable2 tr:eq('+id+')').removeClass('selected'); 
    $('#eventsTable3 tr:eq('+id+')').removeClass('selected'); 
});