hansihe
DataTable is a easy to use, simple and flexible Data Table for LiveView.
Code used for the example, under 60 LOC
I have been tweaking this and using it for admin interfaces for various projects for a while now, and I decided to finally get around to polishing it up and publishing it properly. Hope this can be useful for others as well 
Some feature highlights:
- Filtering - Apply filters at the top. Customize which fields are filterable.
- Sorting - Click headers to cycle sorting.
- Expandable rows - Optionally make rows expandable, show more context for the row.
- Pagination
- Row selection - Perform custom actions on multiple rows.
- Pluggable Sources - Data is fetched from the
DataTable.Sourcebehaviour, write your own data sources- Ecto support - Built in first-class Ecto support implemented as a Source.
- Persistent navigation - Optionally persist table state to query string
- Theming - Customize everything to match your application, including markup
- Tailwind theme - You get a decent Tailwind-based theme out of the box
All of the above is available in an easy to use LiveComponent.
Where Next?
Trending in Announcing
Other Trending Topics
Latest on Elixir Forum
Sponsor Spotlight
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
Bringing learning, work and compliance together since 1987.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"