Skip to content
Cloudflare Docs

rtk-paginated-list

Properties

PropertyTypeRequiredDefaultDescription
autoScrollboolean-auto scroll list to bottom
createNodes(data: unknown[])-Create nodes
emptyListLabelstring-label to show when empty
fetchData(timestamp: number, size: number, reversed: boolean)-Fetch the data
iconPackIconPackdefaultIconPackIcon pack
pageSizenumber-Page Size
pagesAllowednumber-Number of pages allowed to be shown
rerenderList()-Rerender paginated list
reset(timestamp?: number)-Resets the paginated list to a given timestamp
tRtkI18nuseLanguage()Language

Usage Examples

Basic Usage

<rtk-paginated-list></rtk-paginated-list>

With Properties

<rtk-paginated-list
emptyListLabel="example">
</rtk-paginated-list>
<script>
const el = document.querySelector("rtk-paginated-list");
el.autoScroll= true;
el.createNodes= [];
</script>