Teach correct LiveTable usage patterns for Phoenix apps with Ecto schemas or custom providers.
npx skills add https://github.com/gurujada/live_table --skill livetable
Please help me install this Agent Skill. Skill: livetable Source: https://github.com/gurujada/live_table/tree/main Command: npx skills add https://github.com/gurujada/live_table --skill livetable
This skill helps developers implement correct LiveTable usage in Phoenix applications, preventing hallucinated or unsafe API usage by providing canonical patterns and best practices for integrating LiveTable UI components with public APIs.
Provide a minimal example that demonstrates a LiveTable-powered index using a single schema, including fields, filters, and options, and describe how to adapt it to a custom provider if needed.
High-intent search queries and answers about installing and using this skill.
To build a data table with a single Ecto schema in Phoenix LiveView, you define fields, filters, and options in your LiveTable configuration. This approach provides a canonical, schema-backed index without exposing internal APIs.
Transformers in Phoenix LiveTable are applied to modify queries dynamically, enabling advanced filtering and custom data provider integration. They allow complex query modifications while maintaining safe, public API boundaries.
Yes, you can switch between card and table display modes in Phoenix LiveView. LiveTable guides configuring both views, including custom headers and content customization, to handle various data presentation needs.
Configuring per-row actions and custom headers in a Phoenix LiveTable involves defining action controls and header layouts within your table setup. This ensures discoverable usage and correct URL-persisted state management.
Yes, Phoenix LiveTable supports custom data providers for complex queries with joins. You can adapt a single-schema table to a custom provider, utilizing transformer-based filtering for advanced data scenarios.
To persist table state in the URL for admin dashboards using Phoenix LiveView, LiveTable manages URL-based state directly. This ensures filters and options remain accessible and shareable without internal API exposure.
windyskyGuide Elixir 1.17+ development for Phoenix, LiveView, Ecto, and OTP patterns.
arqel-devDefine and dispatch row, bulk, toolbar, and header actions in Arqel admin panels.
andrewnovykovStandardize Phoenix LiveView CRUD contexts, ownership validation, and real-time UI updates.
TheBushidoCollectiveRender Phoenix HEEx templates and views into HTML content.
