bonsaif-ui 0.1.56 → 0.1.58

package/README.md

@@ -431,6 +431,20 @@ DataTable renders its rows with CSS Grid instead of the browser's native table l
 
 DataTable can also expose a table query state for server-backed screens. Enable `enableBql` to show a compact BQL input in the toolbar, listen to `onQueryChange` to receive the current BQL text, column filters, sort, page, page size, and hidden columns, and use `persistState` with `storageKey` when a screen should reopen with saved filters or BQL. The component only emits and stores query state; each app should validate and translate BQL on the server for its own allowed fields.
 
+By default, the page-size selector includes `25`, `50`, `100`, `200`, and `500` rows.
+
+You can override those defaults globally with `configureBonsaifUI` (used when a table does not pass `pageSizeOptions` directly):
+
+```tsx
+import { configureBonsaifUI } from "bonsaif-ui";
+
+configureBonsaifUI({
+  dataTable: {
+    pageSizeOptions: [20, 40, 80, 160, 320],
+  },
+});
+```
+
 ```tsx
 <DataTable
   columns={columns}