2017-02-14 73 views
3

高亮行我使用的自舉表,這就是我的筆:codepen在程序引導表

需要特別提出的與我在第一臺選擇了相同的ID行(在第2和第3臺)。

如何選擇/取消選擇它們?我想我必須將selected類添加到行中?我試圖做到這一點,但似乎並不幸運。

這是我曾嘗試:

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

而且,爲什麼會出現在表中升序排列?我如何保留json對象的原始序列?

+0

在codepen原來的順序似乎被保留。 –

回答

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'); 
});