javascript - Bootstrap-Table filterBy 不工​​作

Question

我正在尝试对通过 JSON 填充的表进行一些过滤(使用 bootstrap-table by wenzhixin )。

部分 HTML:

<button class="btn btn-primary" id="filterBtn">Filter</button>

<div class="container">
    <table class="table table-bordered table-hover" id="table">
        <thead>
        <tr>
            <th data-field="make">Make</th>
            <th data-field="model">Model</th>
            <th data-field="year">Year</th>
        </tr>
        </thead>
    </table>
</div>

部分JS:

// JSON file is input from a successful AJAX call.
function populateTable(json) {
    $('#table').bootstrapTable({
        data: json
    })
}

// a button is click in html which calls this function.
function filterBy(model) {
    console.log("filterBy is called");
    $('#table').bootstrapTable('filterBy', {
        make: [model]
    });
}

该表正确填充了所有数据，但是一旦我按下按钮，我就会看到 filterBy() 被调用了，但所发生的一切只是看起来页面刷新但表中的所有数据仍然在那里，就像从未发生过过滤一样。

我已经尝试将 make: [model] 更改为 make: ["Honda"] 作为测试，但它仍然不起作用。它仍然执行与刷新页面相同的行为，所有数据仍然完好无损。

不确定我做错了什么。

Answer 1

https://github.com/wenzhixin/bootstrap-table/commit/de867d379a46b377efa7eef83fdf898b9073b28c

这是我认为在功能版本:1.11.0 之后出现的问题。检查 bootstrap-table.js 并找到它。我希望它能解决你的问题。祝你好运!