{"id":41571716,"url":"https://github.com/emamid/svelte-data-table","last_synced_at":"2026-01-31T09:04:35.214Z","repository":{"id":217083697,"uuid":"742729950","full_name":"emamid/svelte-data-table","owner":"emamid","description":"Svelte data table based on Flowbite Svelte library","archived":false,"fork":false,"pushed_at":"2026-01-21T11:29:17.000Z","size":1254,"stargazers_count":9,"open_issues_count":9,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-21T22:47:38.889Z","etag":null,"topics":["data-table-component","flowbite","flowbite-svelte","svelte","tailwindcss"],"latest_commit_sha":null,"homepage":"https://emamid.github.io/svelte-data-table/","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/emamid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-01-13T07:30:17.000Z","updated_at":"2025-08-21T08:18:02.000Z","dependencies_parsed_at":"2024-01-27T05:29:06.399Z","dependency_job_id":"283c4ab0-fbdb-4d88-8778-919f7b757fc1","html_url":"https://github.com/emamid/svelte-data-table","commit_stats":null,"previous_names":["emamid/svelte-data-table"],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/emamid/svelte-data-table","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emamid%2Fsvelte-data-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emamid%2Fsvelte-data-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emamid%2Fsvelte-data-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emamid%2Fsvelte-data-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emamid","download_url":"https://codeload.github.com/emamid/svelte-data-table/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emamid%2Fsvelte-data-table/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28844011,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T07:39:25.367Z","status":"ssl_error","status_checked_at":"2026-01-28T07:39:24.487Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-table-component","flowbite","flowbite-svelte","svelte","tailwindcss"],"created_at":"2026-01-24T07:09:46.426Z","updated_at":"2026-01-28T10:04:27.753Z","avatar_url":"https://github.com/emamid.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Svelte Data Table based on [Flowbite Svelte](https://flowbite-svelte.com/), [Flowbite Icons](https://flowbite.com/icons/), and [Tailwind](https://tailwindcss.com/)\n\nThis data table is designed for viewing and editing data in an array of objects. It's built using the Flowbite Svelte library's Table components and works in conjunction with it, with support for custom cell editors, moving focus between cells with tab and enter, column sorting (simple and custom), conditional CSS, and more.\n\n## Install\n\nTo add to an existing Svelte app, first install Tailwind if you haven't already:\n\n```bash\n\u003e npx svelte-add@latest tailwindcss\n```\n\nThen install the Flowbite components and icons along with the data table component.\n```bash\n\u003e npm i flowbite-svelte flowbite flowbite-svelte-icons @emamid/svelte-data-table\n```\n\n## Basic example\n\n```html\n\u003cscript lang=\"ts\"\u003e\n  import DataTable from '@emamid/svelte-data-table';\n  import type { ColumnConfig } from '@emamid/svelte-data-table';\n\n  const columns: ColumnConfig[] = [\n    { canSort: true, key: 'firstName', title: 'First Name' },\n    { canSort: true, key: 'lastName', title: 'Last Name' },\n  ];\n\n  const items: any[] = [\n    { firstName: 'Bilbo', lastName: 'Baggins'},\n    { firstName: 'Frodo', lastName: 'Baggins'},\n    { firstName: 'Samwise', lastName: 'Gamgee'},\n    { firstName: 'Meriadoc', lastName: 'Brandybuck'},\n    { firstName: 'Peregrin', lastName: 'Took'},\n  ];\n\u003c/script\u003e\n\n\u003cmain\u003e\t\n  \u003cDataTable\n    {columns}\n    {items}\n  /\u003e\n\u003c/main\u003e\n```\n\nExamples for most of the component's features are under /examples . You can find the documentation [here](https://emamid.github.io/svelte-data-table/).\n\n#### Example 1 - Basic data table\n![Example 1](./screenshot-01.png)\n\n#### Example 2 - Table with cell focus components\n![Example 2](./screenshot-02.png)\n\n#### Example 3 - Table with cell focus Select components, cell renderers, and custom sort\n![Example 3](./screenshot-03.png)\n\n#### Example 4 - Table with actions and cell view components\n![Example 4](./screenshot-04.png)\n\n#### Example 5 - Table with custom cell component\n![Example 5](./screenshot-05.png)\n\n#### Example 6 - Table with cell and row class getter functions\n![Example 6](./screenshot-06.png)\n\n#### Kitchen Sink example - All of the above","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femamid%2Fsvelte-data-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femamid%2Fsvelte-data-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femamid%2Fsvelte-data-table/lists"}