TZEZAR's Table
Table component built in svelte based on shadcn-svelte components.
Sorting is not working in the example because dummyjson.com does not support it
What is this?
I entrust to you a modest component, crafted atop the robust shadcn-svelte library, utilizing built-in svelte functions such as stores, among others. Every aspect of the table - its aesthetics, functionality, and beyond - can be customized to your heart's content. This serves as an excellent foundation to tailor a solution precisely to your requirements. If a component or basic solution doesn't quite align with your vision, fear not - mold it to your liking!
For whom?
The component efficiently manages server-side data (with client-side capability coming soon). It's designed for seamless extension with extra features, and styling integration should pose no major challenges. If you're already leveraging shadcn-svelte and tailwind, incorporating this component into your workflow is a natural fit.
Genesis
This project started as a way for me to make warehouse operations smoother with dynamic table displays. Despite trying options like ag-grid and headless solutions, none quite fit the bill. 'Full' solutions were tough to customize, and headless ones like tanstack-table had tricky documentation. Dealing with remote data was also a hassle. So, TZEZAR's TABLE (pronounced like 'Caesar') was born to bridge the gap, offering flexibility. Feel free to tweak this component to suit your needs!
Currently Supported Functions
- Column Hiding
- Column Reordering
- Column Resizing
- Conditional Styling
- Content Alignment
- Custom Content
- Pagination
- Inline Row Editing
- Modal Row Editing
- Row Editing
- Row Expanding
- Single Column Sorting
Planned Functions
- Client-Side Functionality
Virtualization
Added 21/03/2024
Fullscreen Mode
Added 21/03/2024
HELP NEEDED For unknown reason portal set to #tableContainer cause expandedRows to render below table.
Not Planned for Immediate Addition
- Aggregation and Grouping
- Column Pinning
If you spot any missing features, don't worry! Adding them should be a breeze. Feel free to suggest ideas or improvements, and let's work together to make our component even better. Your input is always welcome, and together, we can create something truly outstanding!
If you find the project interesting feel free to give a star on github. Thanks! ❤️