0
Я пытаюсь сделать некоторую фильтрацию (используя bootstrap-table by wenzhixin) на таблице, которую я заполнял через JSON.Bootstrap-Table filterBy Not Working
Часть 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"] как тест, и он все еще не работает. Он по-прежнему выполняет те же действия по обновлению страницы со всеми данными, все еще находящимися в такте.
Не уверен, что я делаю неправильно.
вы можете использовать таблицу данных [https://datatables.net/], которая предоставляет множество полезных методов (одним из них является filter()). Это облегчит вам работу – catchiecop