Inertia Table is the ultimate table for Inertia.js with built-in query builder support. Inertia Table is included with the premium Inertia UI, a suite of packages designed for Laravel, Vue, and Tailwind CSS created by Pascal Baljet. The table component makes it super easy to build tables based on your Eloquent Models with the following features:
Sorting, including support for related models
Pagination with a customizable number of items per page
Toggleable columns
Search with support for related models
Extensive filtering options (text, date, boolean, sets, etc.)
Row links, actions and bulk actions with customizable confirmation dialogs
Export to CSV, Excel, and PDF
Dark mode support
Create Inline tables
And more
You can create class-based tables using the provided make:inertia-table command, and you can also use the package’s anonymous table builder on the fly:
use AppModelsUser;
use InertiaUITableColumns;
use InertiaUITableFilters;
class UsersController
{
public function index()
{
return inertia(‘Users’, [
‘users’ => Table::build(
resource: User::class,
columns: [
ColumnsTextColumn::make(‘name’),
],
filters: [
FiltersTextFilter::make(‘name’),
],
),
]);
}
}
At the time of writing, this package requires either MySQL 8, PostgreSQL 14, or SQLite 3, as well as Tailwind CSS 3.4+ and Vue 3.4+ with a React version in the works.
A demo is available to see Inertial Table in action at table-demo.inertiaui.com. You can get started with Inertia.js Table by purchasing a license (valid for a single project) on the Inertia Table website.
The post Build Tables Based on Eloquent Models with Inertia Table appeared first on Laravel News.
Join the Laravel Newsletter to get all the latest Laravel articles like this directly in your inbox.
Source: Read MoreÂ
