Skip to content

Commit 8032b2f

Browse files
committed
add serverSide option to test table
1 parent 8fa768a commit 8032b2f

File tree

1 file changed

+14
-3
lines changed

1 file changed

+14
-3
lines changed

src/routes/+page.svelte

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,19 +33,25 @@
3333
3434
const data = readable(createSamples(2, 2));
3535
36+
let serverSide = false;
37+
3638
const table = createTable(data, {
3739
subRows: addSubRows({
3840
children: 'children',
3941
}),
40-
filter: addColumnFilters(),
42+
filter: addColumnFilters({
43+
serverSide: serverSide,
44+
}),
4145
tableFilter: addTableFilter({
4246
includeHiddenColumns: true,
47+
serverSide: serverSide,
4348
}),
4449
group: addGroupBy({
4550
initialGroupByIds: [],
4651
}),
4752
sort: addSortBy({
4853
toggleOrder: ['asc', 'desc'],
54+
serverSide: serverSide,
4955
}),
5056
expand: addExpandedRows({
5157
initialExpandedIds: { 1: true },
@@ -57,6 +63,7 @@
5763
hideColumns: addHiddenColumns(),
5864
page: addPagination({
5965
initialPageSize: 20,
66+
serverSide: serverSide,
6067
}),
6168
resize: addResizedColumns(),
6269
export: addDataExport(),
@@ -258,7 +265,8 @@
258265
const { filterValues } = pluginStates.filter;
259266
const { filterValue } = pluginStates.tableFilter;
260267
const { selectedDataIds } = pluginStates.select;
261-
const { pageIndex, pageCount, pageSize, hasPreviousPage, hasNextPage } = pluginStates.page;
268+
const { pageIndex, pageCount, pageSize, hasPreviousPage, hasNextPage, serverItemCount } =
269+
pluginStates.page;
262270
const { expandedIds } = pluginStates.expand;
263271
const { columnIdOrder } = pluginStates.orderColumns;
264272
// $: $columnIdOrder = ['expanded', ...$groupByIds];
@@ -268,6 +276,8 @@
268276
const { exportedData } = pluginStates.export;
269277
const { exportedData: exportedJson } = pluginStates.exportJson;
270278
const { exportedData: exportedCsv } = pluginStates.exportCsv;
279+
280+
$serverItemCount = 6;
271281
</script>
272282

273283
<h1>svelte-headless-table</h1>
@@ -373,7 +383,8 @@
373383
},
374384
null,
375385
2
376-
)}</pre>
386+
)}
387+
serverSide: {serverSide}</pre>
377388

378389
<style>
379390
* {

0 commit comments

Comments
 (0)