# Livewire PowerGrid

> Livewire data table for Laravel: columns, sorting, filters, pagination, actions and exports.

Livewire data tables for Laravel. Tailwind, DaisyUI, or Flux.

## Table of Contents

### 📄 Release Notes

- [Release Notes](https://livewire-powergrid.com/release-notes-and-upgrade/release-notes.md): Stay up to date with PowerGrid 7. Explore the new theme system, plugins, filter panels, and the changes designed to simplify your tables.
- [Upgrade Guide](https://livewire-powergrid.com/release-notes-and-upgrade/upgrade-guide.md): Upgrade PowerGrid from v6 to v7. Covers breaking changes, the theme rewrite, the new filter state, assets, and configuration.

### 🚀 Get Started

- [PowerGrid Documentation - Introduction](https://livewire-powergrid.com/get-started/introduction.md): Welcome to the official PowerGrid documentation. Explore how easily you can build beautiful, feature-rich data tables that save development time and enhance your data management.
- [Install PowerGrid](https://livewire-powergrid.com/get-started/install.md): Get PowerGrid up and running in just a few simple steps. This guide covers everything you need to cleanly integrate the package into your existing project.
- [Configure PowerGrid](https://livewire-powergrid.com/get-started/configure-powergrid.md): Learn how to complete the initial PowerGrid setup in your application.
- [Create a PowerGrid Table](https://livewire-powergrid.com/get-started/create-powergrid-table.md): Follow this straightforward walkthrough to generate your PowerGrid data table and see how quickly it handles your data.
- [Rendering a PowerGrid Table](https://livewire-powergrid.com/get-started/rendering-a-powergrid-table.md): Display your data grids anywhere on your site. Learn the simple syntax needed to include your newly created tables directly into your frontend layouts.

### 🤖 Build with AI

- [AI Tools & Skills](https://livewire-powergrid.com/build-with-ai/tools-and-skills.md): Laravel Boost guidelines and Agent Skills for PowerGrid themes, v6 theme upgrades, and plugins.

### 🧰 Table Structure

- [DataSource](https://livewire-powergrid.com/table-structure/datasource.md): Connect your data seamlessly. Whether you use database models, query builders, or raw collections, PowerGrid handles your data stream smoothly.
- [Table Columns](https://livewire-powergrid.com/table-structure/columns.md): Make your columns beautiful and useful. Control alignment, wrap text, truncate long descriptions, and toggle visibility to give users a clean interface.
- [Table Rows](https://livewire-powergrid.com/table-structure/rows.md): Enhance row interactivity. Add expandable detail rows, checkboxes, radio buttons, and action buttons to create a rich user experience.
- [Detail Row](https://livewire-powergrid.com/table-structure/detail-row.md): Learn how to configure expandable detail rows to display additional content for each row in a PowerGrid Table.
- [Header and Footer](https://livewire-powergrid.com/table-structure/header-and-footer.md): Customize header and footer to better integrate PowerGrid to your application's design.
- [Filters](https://livewire-powergrid.com/table-structure/filters.md): Text, select, date, number, and boolean filters on table columns, with inline, dropdown, and flyout layouts.
- [Filter Builder](https://livewire-powergrid.com/table-structure/filter-builder.md): Let users compose multi-condition filters from your existing filters() definitions, without writing extra query code.
- [Tabs](https://livewire-powergrid.com/table-structure/tabs.md): Add a themed status-tab strip above the toolbar. Each tab can scope the query and show a badge count.
- [Pagination](https://livewire-powergrid.com/table-structure/pagination.md): Divide large datasets into pages with per-page controls, record counts, and a customizable paginator.
- [Conditional Rules](https://livewire-powergrid.com/table-structure/conditional-rules.md): Make important data stand out automatically. Apply custom styles, colors, or hide buttons dynamically based on the data values in each row.
- [Row Buttons](https://livewire-powergrid.com/table-structure/row-buttons.md): Learn how to add action buttons to each row in a PowerGrid Table.
- [Bulk Actions](https://livewire-powergrid.com/table-structure/bulk-actions.md): Manage multiple records at once. Set up checkboxes, header buttons, and process selected rows.

### 💾 Data Management

- [Formatting Data](https://livewire-powergrid.com/data-management/formatting-data.md): Transform datasource values with PowerGrid fields before they are rendered in the table.
- [Searching Data](https://livewire-powergrid.com/data-management/searching-data.md): Configure header search across columns, JSON, raw SQL, relationships, Scout, and custom handlers.
- [Sorting Data](https://livewire-powergrid.com/data-management/sorting-data.md): Enable column sorting, custom sort callbacks, natural order, and multi-column sort.
- [Editing Data](https://livewire-powergrid.com/data-management/editing-data.md): Edit cells in place with click-to-edit inputs and boolean toggle switches.
- [Validating Data](https://livewire-powergrid.com/data-management/validating-data.md): Validate inline edits with Livewire rules before persisting PowerGrid table updates.
- [Summarizing Data](https://livewire-powergrid.com/data-management/summarizing-data.md): Display column aggregates such as sum, count, average, minimum, and maximum in PowerGrid headers and footers.
- [Exporting Data](https://livewire-powergrid.com/data-management/exporting-data.md): Export table data to Excel or CSV, including queued background exports for large datasets.
- [Empty Data State](https://livewire-powergrid.com/data-management/empty-data-state.md): Customize the message shown when a PowerGrid Table has no records.

### 🌩️ PowerGrid Lite

- [PowerGrid Lite - Blade Components](https://livewire-powergrid.com/powergrid-lite/blade-components.md): Lightweight Blade components for building themed data tables with sorting, searching, pagination, and row selection.

### ⚡ PowerGrid

- [PowerGrid Configuration Options](https://livewire-powergrid.com/powergrid/configuration-options.md): Keys in config/livewire-powergrid.php — theme, filters, persist, export, and discovery.
- [Create PowerGrid Tables](https://livewire-powergrid.com/powergrid/create.md): Reference for the creation assistant — names, subdirectories, stubs, namespace, and model discovery.
- [Render PowerGrid Tables](https://livewire-powergrid.com/powergrid/render.md): Include a PowerGrid table with a Livewire tag, @livewire, a route, or multiple tables on one page.
- [Lifecycle Hooks](https://livewire-powergrid.com/powergrid/lifecycle-hooks.md): Customize PowerGrid's data flow at query, search, rows, and actions — after filtering and sorting, before Blade render.
- [Internationalization](https://livewire-powergrid.com/powergrid/internationalization.md): Locales PowerGrid ships and how to override translations.
- [Artisan Commands](https://livewire-powergrid.com/powergrid/artisan-commands.md): PowerGrid artisan commands generate tables, publish stubs or the export job, and generate PhpStorm theme metadata. Config, language files, and views use Laravel vendor:publish tags.
- [Testing PowerGrid Tables](https://livewire-powergrid.com/powergrid/testing-tables.md): Test PowerGrid tables with Livewire assertions for actions, and drive dropdown/flyout filters through draftFilters.

### ⚙️ Performance & Look

- [Table Reference Name](https://livewire-powergrid.com/performance-and-look/table-reference-name.md): Define a unique reference name to identify your table instance.
- [Buttons](https://livewire-powergrid.com/performance-and-look/buttons.md): Add intuitive action buttons to your rows. Easily link to edit pages, open modals, set custom icons, or hide actions based on user permissions.
- [Query String](https://livewire-powergrid.com/performance-and-look/query-string.md): Learn how Query Strings work in PowerGrid tables, how to enable them, and how to exclude specific fields from the URL state.
- [Persist State](https://livewire-powergrid.com/performance-and-look/persist-state.md): Save table state so users return to the same view with their chosen columns, filters, and sorting already applied.
- [Cache](https://livewire-powergrid.com/performance-and-look/cache.md): Learn how to use Laravel Cache within PowerGrid to improve performance by storing and reusing query results efficiently.
- [PowerGrid Events](https://livewire-powergrid.com/performance-and-look/events.md): Learn how PowerGrid uses Livewire events to interact with built-in features, and register custom event listeners.
- [UI Theme Override](https://livewire-powergrid.com/performance-and-look/ui-theme-override.md): Override the default PowerGrid UI theme for a specific table to match your application's design or domain-specific layout needs.
- [Responsive Layout](https://livewire-powergrid.com/performance-and-look/responsive-layout.md): Use responsive layout configuration and styling in PowerGrid Tables.
- [Auto-Refresh](https://livewire-powergrid.com/performance-and-look/auto-refresh.md): Automatically reloads a PowerGrid Table at fixed intervals to keep data up to date in real time applications
- [Defer Loading](https://livewire-powergrid.com/performance-and-look/defer-loading.md): Loads PowerGrid Table data only when the component initializes to improve performance and user experience on large datasets

### 🔌 Extending

- [Partials and Hot Zones](https://livewire-powergrid.com/extending/partials-and-hot-zones.md): Partials and Hot Zones update only the HTML fragments affected by sorting, filtering, searching, pagination, and tabs.
- [Plugins](https://livewire-powergrid.com/extending/plugin-system.md): PowerGrid plugins extend columns and header UI. Eight plugins ship by default. You can add your own without replacing the built-ins.
- [Custom Themes](https://livewire-powergrid.com/extending/custom-theme.md): Match PowerGrid to your brand. Override a few tokens from config, inherit Tailwind in a child theme, or author a data-first ArrayTheme.
- [Portable Grid Definitions](https://livewire-powergrid.com/extending/portable-grid-definitions.md): Describe a grid once and drive it from a Livewire PowerGrid Table or from an Inertia / REST endpoint.

### 🛟 Community & Support

- [Troubleshooting](https://livewire-powergrid.com/community-and-support/troubleshooting.md): Quick solutions for common setup hurdles. Find answers to frequent questions so you can get back to building without losing momentum.
- [Support](https://livewire-powergrid.com/community-and-support/support.md): Find the help you need when you run into hurdles. Access troubleshooting resources, community forums, and direct support channels to keep your project moving forward.
- [PowerGrid Community](https://livewire-powergrid.com/community-and-support/community.md): Connect with other PowerGrid users and creators. Share ideas, ask questions, and stay updated with the latest tips from a welcoming network of developers.