|
33 | 33 |
|
34 | 34 | const data = readable(createSamples(2, 2));
|
35 | 35 |
|
| 36 | + let serverSide = false; |
| 37 | +
|
36 | 38 | const table = createTable(data, {
|
37 | 39 | subRows: addSubRows({
|
38 | 40 | children: 'children',
|
39 | 41 | }),
|
40 |
| - filter: addColumnFilters(), |
| 42 | + filter: addColumnFilters({ |
| 43 | + serverSide: serverSide, |
| 44 | + }), |
41 | 45 | tableFilter: addTableFilter({
|
42 | 46 | includeHiddenColumns: true,
|
| 47 | + serverSide: serverSide, |
43 | 48 | }),
|
44 | 49 | group: addGroupBy({
|
45 | 50 | initialGroupByIds: [],
|
46 | 51 | }),
|
47 | 52 | sort: addSortBy({
|
48 | 53 | toggleOrder: ['asc', 'desc'],
|
| 54 | + serverSide: serverSide, |
49 | 55 | }),
|
50 | 56 | expand: addExpandedRows({
|
51 | 57 | initialExpandedIds: { 1: true },
|
|
57 | 63 | hideColumns: addHiddenColumns(),
|
58 | 64 | page: addPagination({
|
59 | 65 | initialPageSize: 20,
|
| 66 | + serverSide: serverSide, |
60 | 67 | }),
|
61 | 68 | resize: addResizedColumns(),
|
62 | 69 | export: addDataExport(),
|
|
258 | 265 | const { filterValues } = pluginStates.filter;
|
259 | 266 | const { filterValue } = pluginStates.tableFilter;
|
260 | 267 | const { selectedDataIds } = pluginStates.select;
|
261 |
| - const { pageIndex, pageCount, pageSize, hasPreviousPage, hasNextPage } = pluginStates.page; |
| 268 | + const { pageIndex, pageCount, pageSize, hasPreviousPage, hasNextPage, serverItemCount } = |
| 269 | + pluginStates.page; |
262 | 270 | const { expandedIds } = pluginStates.expand;
|
263 | 271 | const { columnIdOrder } = pluginStates.orderColumns;
|
264 | 272 | // $: $columnIdOrder = ['expanded', ...$groupByIds];
|
|
268 | 276 | const { exportedData } = pluginStates.export;
|
269 | 277 | const { exportedData: exportedJson } = pluginStates.exportJson;
|
270 | 278 | const { exportedData: exportedCsv } = pluginStates.exportCsv;
|
| 279 | +
|
| 280 | + $serverItemCount = 6; |
271 | 281 | </script>
|
272 | 282 |
|
273 | 283 | <h1>svelte-headless-table</h1>
|
|
373 | 383 | },
|
374 | 384 | null,
|
375 | 385 | 2
|
376 |
| - )}</pre> |
| 386 | + )} |
| 387 | +serverSide: {serverSide}</pre> |
377 | 388 |
|
378 | 389 | <style>
|
379 | 390 | * {
|
|
0 commit comments