Tabulator, есть ли способ добавления суммы страницы в нижний колонтитул? - PullRequest
Новая
       10

Tabulator, есть ли способ добавления суммы страницы в нижний колонтитул?

1 голос
/ 12 января 2020

Tabulator имеет модуль с именем Column Calculations.

Мне нужно добавить как sum of page, так и sum of total

Sample Image of sum of page and sum of total

Например, я могу добавить нижний колонтитул для вычисления sum of total, но не могу добавить sum of visible rows или другими словами sum of current page only одновременно.

Я могу добавить нижний колонтитул к bottom или top таблицы: topCalc & bottomCalc.

Например, я могу добавить sum из price.

Как видно из приведенного ниже примера, Я добавил здесь сумму цены.

Также я привел пример здесь: https://jsfiddle.net/o2ycm5dp/

function generateTable(data) {
  tableInstance = new Tabulator("#simpleTable", {
    layout: "fitColumns",
    resizableColumns: false,
    selectable: false,
    paginationSize: 3,
    responsiveLayout: "hide",
    ajaxFiltering: false,
    pagination: "local",
    columns: [{
        title: "name",
        field: "name",
      },
      {
        title: "price",
        field: "price",
        bottomCalc: "sum",
      },

    ],
  });
  tableInstance.setData(data);
}

$(document).ready(function() {
  var data =     [{
    name: "Tiger Nixon",
    price: "320800"
}, {
    name: "Garrett Winters",
    price: "170750"
}, {
    name: "Ashton Cox",
    price: "86000"
}, {
    name: "Cedric Kelly",
    price: "433060"
}, {
    name: "Airi Satou",
    price: "162700"
}, {
    name: "Brielle Williamson",
    price: "372000"
}, {
    name: "Herrod Chandler",
    price: "137500"
}];
  generateTable(data);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://unpkg.com/tabulator-tables@4.5.3/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.5.3/dist/js/tabulator.min.js"></script>
<div id="simpleTable"></div>

В этой строке: bottomCalc: "sum", будет вызвана функция расчета, и мы увидим столбец sum из price.

Существует опция с именем Custom Calculations, в которую я могу добавить функцию для вычисления только current page values, но у меня не может быть вычисления total pages values.

Другое решение может быть append html элемент в нижний колонтитул, но я не думаю, что это может быть хорошим решением. Потому что я должен обработать все эти функции, связанные с Tabulator нижним колонтитулом.

1 Ответ

0 голосов
/ 19 января 2020

Tabulator не имеет возможности разметки таблицы по вашему запросу. вам нужно было бы вручную создать элемент нижнего колонтитула, чтобы обработать это, а затем использовать обратные вызовы разбиения на страницы , чтобы определить значения для отображения

...