Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Kiho/svelte-datatable
DataTable for Svelte with Materialize
https://github.com/Kiho/svelte-datatable
Last synced: 3 months ago
JSON representation
DataTable for Svelte with Materialize
- Host: GitHub
- URL: https://github.com/Kiho/svelte-datatable
- Owner: Kiho
- License: mit
- Created: 2017-07-16T19:38:44.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-11-10T17:06:19.000Z (about 2 years ago)
- Last Synced: 2024-03-15T08:50:23.769Z (8 months ago)
- Language: Svelte
- Size: 351 KB
- Stars: 107
- Watchers: 4
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# svelte datatable
This project was created by the [Svelte REPL](https://svelte.technology/repl).
Data Table component was converted to Svelte from [MicroDroid/vue-materialize-datatable](https://github.com/MicroDroid/vue-materialize-datatable) project.
Paginate component was converted to Svelte from [https://github.com/lokyoung/vuejs-paginate](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.)](https://safe-springs-35306.herokuapp.com/)
## 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
- [`materialize-css`](https://www.npmjs.com/package/materialize-css) (and **NOT** any other MD library!)
- Svelte## Get started
You will need to have [Node.js](https://nodejs.org) installed.
Install the dependencies...
```bash
cd /path/to/this/directory
npm install
```...then start Rollup:
```bash
npm run dev
```Navigate to [localhost:5000](http://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](https://zeit.co/now)
Install `now` if you haven't already:
```bash
npm install -g now
```Then, from within your project folder:
```bash
now
```As an alternative, use the [Now desktop client](https://zeit.co/download) and simply drag the unzipped project folder to the taskbar icon.
### With [surge](https://surge.sh/)
Install `surge` if you haven't already:
```bash
npm install -g surge
```Then, from within your project folder:
```bash
npm run build
surge public
```