Question

我有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}部分正确。

hideRow的{{3}}说：

隐藏指定的行。该参数必须包含至少一个以下属性：index：行索引。 uniqueId：值的该行的uniqueId。

这是一个Bootstrap Table docs，显示我在点击时没有隐藏行的问题。

如何让它发挥作用？

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

使用Bootstrap Table隐藏基于row.id的单击行

1 个答案: