/svelte-datatable

DataTable for Svelte with Materialize

Primary LanguageSvelteMIT LicenseMIT

svelte datatable

This project was created by the Svelte REPL.

Data Table component was converted to Svelte from MicroDroid/vue-materialize-datatable project.

Paginate component was converted to Svelte from https://github.com/lokyoung/vuejs-paginate project.

See demo here at Heroku(it's slow to up and may not work if free time runs out for month.)

Features

  • Sorting, with numerical sorting
  • Pagination - Client & Server Side
  • Fuzzy searching
  • Excel export
  • Printing
  • Custom topbar buttons
  • Flexible data-from-row extractor
  • Follows the Material Design spec
  • Limited support for IE 11(need Object.assign polyfill)

Requirements

Get started

You will need to have Node.js installed.

Install the dependencies...

cd /path/to/this/directory
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

Deploying to the web

With now

Install now if you haven't already:

npm install -g now

Then, from within your project folder:

now

As an alternative, use the Now desktop client and simply drag the unzipped project folder to the taskbar icon.

With surge

Install surge if you haven't already:

npm install -g surge

Then, from within your project folder:

npm run build
surge public