Optional Pagination Guardrails

Toggle guardrails on/off. This demo uses custom bounds: page is capped at 3 and page size is clamped to 5-50.

Library setup

Set paginationGuard to true for defaults or pass custom bounds. This page uses local data so the clamp behavior is deterministic.

const table = new DogTable("#app", {
  pageSize: 10,
  paginationGuard: {
    maxPage: 3,
    minPageSize: 5,
    maxPageSize: 50,
  },
  data,
  columns: [
    { key: "id", label: "ID" },
    { key: "name", label: "Name" },
  ],
});

Table initializing...