Как показать количество строк в табуляторе
В таблицах данных у нас есть функция отображения строк 1 из 100. Я хочу сделать то же самое или подобное в табуляторе. Я использовал этот подход и он возвращает пустую таблицу:
var tabulator_table = new Tabulator("#example", { columns: [ { title: "", field: "", headerFilter: "input" }, { title: "", field: "", headerFilter: "input" }, { title: "", field: "", headerFilter: "input" }, { title: "", field: "", headerFilter: "input" }, { title: "", field: "", headerFilter: "input" }, { title: "", field: "", headerFilter: "input" }, ], //this part should return row count dataFiltered: function (data, field, type, value) { //data - the subset of the total table data that has passed the filter and is now visible //field - the field being filtered //type - the type of filter being used //value - the value of the filter //set text in info element to show the number of rows and filters currently applied $("#example-table-info").text("rows:" + data.length + " of " + $("#tableID").Tabulator("getData").length + ", filter:" + field + type + value); } });
в HTML :
<div class="footer"> <p id="example-table-info"></p> <div id="myButtons"> Export </div> </div>
ошибка такова: ".tabulator - это не функция"
Я также попытался использовать другой подход:
function myFunction() { return $('tr', $(this).find('tbody')).length; } rowctr = $('#tableID').rowCount(); document.getElementById("demo").innerHTML = myFunction();
<p id="demo"></p>
Что я уже пробовал:
Также я видел на их github, чтобы использовать это:
var activeRowCount = table.getDataCount(true);
Но я не знаю, как и где применить его и вернуть значение в моем нижнем колонтитуле тега. Спасибо.
Если у вас есть способ подсчитать общее количество строк только в JS или табуляторе, это было бы здорово.