隐藏使用引导表

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