sveltable

0.0.6 • Public • Published

SvelTable

SvelTable is a feature rich, data table component built with Svelte. Import your data objects and our table will take care of the rest.

Current features include:

  • Full Table Search Bar
  • Indivudal Column Search Bars
  • Multi-Input Filtering
  • Row Sorting Alphabetically or Numerically
  • Column Resizing

SetUp

1.) Use the package manager npm to install Sveltable.

npm install sveltable

2.) Import sveltables to your svelte file.

import SvelTable from 'sveltable';

3.) Declare a data array inside script tag to import data to.

<script>
  import SvelTable from 'sveltable';
  let data = [];
</script>

4.) Use dataSet method to render a SvelTable with your data.

<SvelTable dataSet={data} />

5.) By default SvelTable will display up to 30 rows before adding a scroll bar. This can be changed by setting numRows to your desired number.

<SvelTable dataSet={data} numRows={[Your Number]}/>

Contributing

Want to do help us do some svixing?
We've got big plans for our little data table, including:

  • Range Filtering
  • Corner Grab Resizing
  • Custom Styling Options
  • Row Count Display
  • Feature Toggling
  • Pagination
  • TypeScript Optimization

See how to contibute to any of the above and more here!

Vist Sveltable.io for further information.

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i sveltable

Weekly Downloads

9

Version

0.0.6

License

none

Unpacked Size

17.7 kB

Total Files

13

Last publish

Collaborators

  • tommmyngo
  • camoy
  • braddon
  • moore76sc
  • millerj23