Как визуализировать ngTable без декораций на странице?

В моем маленьком приложении AngularJS я обрабатываю несколько таблиц, используя библиотеку ngTable. Можно использовать только разбиение на страницы. Остальные всегда будут располагаться на странице меньше, чем на странице. Каждой рендер-ngTable, кажется, добавляет селектор "10 25 50 100" под таблицей. Для большинства моих таблиц это пустое пространство и нефункционально. Как я могу удалить этот раздел и вернуть его обратно?

Ответ 1

Это было недавно исправлено (https://github.com/esvit/ng-table/issues/6). Этот код должен сделать это за вас (скопирован из той же проблемы git):

$scope.tableParams = new ngTableParams({
    count: items.length // hides pager
},{
    counts: [] // hides page sizes
});

Ответ 2

Используйте этот подход (на основе этой ссылки):

$scope.tableParams = new ngTableParams({
        page: 1,   // show first page
        count: 5  // count per page
    }, {
        counts: [], // hide page counts control
        total: 1,  // value less than count hide pagination
        getData: function($defer, params) {
            $defer.resolve(data);
        }
    });

Ответ 3

Вы можете скрыть его с помощью css:

.ng-table-pager {
    display: none;
}

Ответ 4

Переопределите объявление таблицы, включив атрибут template-pagination = "custom/pager". Это позволяет вам добавлять разбиение на страницы вокруг вашей таблицы или вообще не включать.

Ответ 5

$scope.tableParams = new ngTableParams({
    noPager: true // hides pager
},{
    ...
});

после многих попыток этот метод помогает мне. Вы можете найти условие управления pagination ng-show - это "! NoPager" в вашей консоли разработчика.

Ответ 6

Это сработало для меня. Я вызвал NgTableParams gridParams и после загрузки данных я положил

gridParams.total(0);

Ответ 7

Для полноты CSS, чтобы скрыть только нумерацию страниц сразу после таблицы:

table.ng-table + div[ng-table-pagination]{
    display: none;
}

Ответ 8

Это сработало для меня, очень просто с использованием style = "display: none".

<mat-paginator style="display:none" [length]="recordCount" [pageSize]="pageSize"></mat-paginator>