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.
34 lines (30 loc) • 1.4 kB
HTML
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width,initial-scale=1'>
<title>Generic Table Pager</title>
<link rel='stylesheet' href='global.css'>
<script type="module" src='build/table-pager.mjs'></script>
</head>
<body>
<h1><table-pager></table-pager></h1>
<p>Agnostic paginator web-component for object-arrays.</p>
<span style="background-color: #dddddd; padding: 0.4em; display:inline-block">> npm install svelte-generic-table-pager</span>
<p></p>
<hr>
<table-pager></table-pager>
<hr>
</span style="text-align: right"><a href="https://ivolution.one">ivolution.one product - MIT License</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=7V5M288MUT7GE&source=url">donate
</a></p>
<h3><crud-table></crud-table></h3>
<p>Web-component for object-arrays with CRUD functionality.</p>
<span style="background-color: #dddddd; padding: 0.4em; display:inline-block">> npm install svelte-generic-crud-table</span>
<p><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=7V5M288MUT7GE&source=url" target="_blank">
<img src="https://github.com/ivosdc/svelte-generic-crud-table/raw/master/assets/donate.gif" title="donate">
</a></p>
</body>
<script src='test-data.js'></script>
<script src='table-pager-config-html.js'></script>
</html>