隱藏使用引導表

Question

點擊基於row.id行我有一個Bootstrap Table設置是這樣的：

<table data-toggle="table" 
     id="table" 
     data-id-field="id"> 
    <thead> 
    <tr> 
     <th data-field="id">ID</th> 
     <th>Name</th> 
     ... 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>11</td> 
     <td>bootstrap-table</td> 
     ... 
    </tr> 
    </tbody> 
</table> 

我試圖隱藏行的正在使用該行的ID點擊：

$(function() { 
    $('#table').on('click-row.bs.table', function (e, row, $element) { 
     $table.bootstrapTable('hideRow', { uniqueId: row.id}); 
    }); 
}); 

但沒有任何反應。到目前爲止，我的故障排除似乎表明我沒有{ uniqueId: row.id}部分的權利。

的Bootstrap Table docs爲hideRow說：

隱藏指定的行。參數必須至少包含以下屬性中的一個：index：行索引。 uniqueId：該行的 uniqueId的值。

這是一個fiddle顯示我點擊時沒有隱藏行的問題。

我如何得到這個工作？

Answer 1

這裏是解決方案。您需要通過當前行的index。

所以，第一行的索引爲0，第二個有指標1，等等..

$(function() { 
    var $result = $('#eventsResult'); 
    var $table = $('#table'); 

    $table.on('click-row.bs.table', function (e, row, $element) { 
     $result.text('Event: click-row.bs.table on: ' + row.id); 
     $table.bootstrapTable('hideRow', {index:$element.index(),isIdField: true}); 
    }); 
});