svelte-generic-table-pager
Version:
<table-pager> extracts a configurable number of lines an dispatches them as actual page data. As self-containing webcomponent or for Svelte in 21KB.
26 lines (25 loc) • 1.58 kB
JavaScript
let myData = [
{id: '127', name: 'myName', job: 'why', private: 'not editable'},
{id: '128', name: 'myRealName', job: 'hmm', private: 'personal info'},
{id: '129', name: 'Your Name', job: 'no', private: '122/456789'},
{id: '130', name: 'Jim', job: 'code', private: 'sthg@here.where'},
{id: '131', name: 'John', job: 'tester', private: 'books'},
{id: '132', name: 'Alice', job: 'code', private: 'OSS'},
{id: '133', name: 'Nicole', job: 'design', private: 'painting'},
{id: '128', name: 'myRealName', job: 'hmm', private: 'personal info'},
{id: '129', name: 'Your Name', job: 'no', private: '122/456789'},
{id: '130', name: 'Jim', job: 'code', private: 'sthg@here.where'},
{id: '131', name: 'John', job: 'tester', private: 'books'},
{id: '132', name: 'Alice', job: 'code', private: 'OSS'},
{id: '133', name: 'Nicole', job: 'design', private: 'painting'},
{id: '128', name: 'myRealName', job: 'hmm', private: 'personal info'},
{id: '129', name: 'Your Name', job: 'no', private: '122/456789'},
{id: '130', name: 'Jim', job: 'code', private: 'sthg@here.where'},
{id: '131', name: 'John', job: 'tester', private: 'books'},
{id: '132', name: 'Alice', job: 'code', private: 'OSS'},
{id: '133', name: 'Nicole', job: 'design', private: 'painting'},
{id: '134', name: 'Denis', job: 'coder', private: 'sports'},
{id: '135', name: 'Marc', job: 'trainer', private: 'rc models'},
{id: '136', name: 'Timme', job: 'diverse', private: 'timme'},
{id: '137', name: 'Chuck', job: 'hero', private: 'Norris'}
];