https://github.com/vincjo/datatables

A toolkit for creating datatable components with Svelte
https://github.com/vincjo/datatables

datatable datatables filter headless lazy-loading pagination selection simple sort svelte sveltejs table

Last synced: 2 days ago
JSON representation

A toolkit for creating datatable components with Svelte

• Host: GitHub
• URL: https://github.com/vincjo/datatables
• Owner: vincjo
• License: mit
• Created: 2022-12-07T13:38:04.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-06T09:30:49.000Z (about 1 month ago)
• Last Synced: 2025-01-02T22:04:24.546Z (9 days ago)
• Topics: datatable, datatables, filter, headless, lazy-loading, pagination, selection, simple, sort, svelte, sveltejs, table
• Language: TypeScript
• Homepage: https://vincjo.fr/datatables
• Size: 8.15 MB
• Stars: 480
• Watchers: 9
• Forks: 18
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-svelte - @vincjo/datatables - A toolkit for creating datatable components with Svelte. (UI Components / Table)
• trackawesomelist - @vincjo/datatables (⭐439) - A toolkit for creating datatable components with Svelte. (Recently Updated / [Oct 27, 2024](/content/2024/10/27/README.md))

README

        


    

    


        

svelte simple datatables

        
A powerful toolkit for building datatable components.

        

        

    



# Docs

Streamline your data workflow with a robust API providing advanced features while reducing code complexity.

:globe_with_meridians: **[vincjo.fr/datatables](https://vincjo.fr/datatables)**

# Install

```apache

npm i -D @vincjo/datatables

```

# Smooth transition from v1 to v2

In order to make the migration process a little easier, v1 is embed in “legacy” namespace so you will have the opportunity to upgrade your components progressively by simply modifying imports.

```diff

- @vincjo/datatables

+ @vincjo/datatables/legacy

- @vincjo/datatables/remote

+ @vincjo/datatables/legacy/remote

```




# Sample code

```svelte

    import { TableHandler } from '@vincjo/datatables'

    import { someData } from './data'

    const table = new TableHandler(someData, { rowsPerPage: 50 })

    

        

            First name

            Last name

        

    

    

        {#each table.rows as row}

            

                {row.first_name}

                {row.last_name}

            

        {/each}

    

```