Skip to content

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
iconPackIconPack❌defaultIconPackIcon 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
tRtkI18n❌useLanguage()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>