Inertia Table Docs

Appearance

Installation ​

Requirements ​

Backend

  • PHP 8.2+
  • Laravel 12 or 13
  • Inertia.js 2.x or 3.x

Frontend (React)

  • React 18 or 19
  • React DOM 18 or 19
  • @inertiajs/react 2.x or 3.x
  • @tanstack/react-table 8.0+
  • Tailwind CSS 3.4+ or 4.0+
  • Ziggy 2.0+ (optional - see Link Routing)

Frontend (Vue)

  • Vue 3.4+
  • @inertiajs/vue3 2.x or 3.x
  • Tailwind CSS 3.4+ or 4.0+
  • Ziggy 2.0+ (optional - see Link Routing)

PHP Package ​

bash
composer require forjedio/inertia-table

Publish the config (optional):

bash
php artisan vendor:publish --tag=inertia-table-config

Frontend Package ​

The Vue and React packages are published to npm. Install the one that matches your stack.

bash
npm install @forjedio/inertia-table-react
bash
npm install @forjedio/inertia-table-vue

Upgrading from 1.1? The frontend package used to be installed from the Composer vendor directory. See the Upgrade Guide for the migration steps.

Tailwind CSS Setup ​

Tailwind ignores node_modules by default. Add a source directive so it detects the package's classes.

css
/* resources/css/app.css */
@source '../../node_modules/@forjedio/inertia-table-react/dist';
css
/* resources/css/app.css */
@source '../../node_modules/@forjedio/inertia-table-vue/dist';
js
// tailwind.config.js
module.exports = {
    content: [
        // ... existing paths
        './node_modules/@forjedio/inertia-table-react/dist/**/*.{js,jsx,ts,tsx}',
        // or for Vue:
        // './node_modules/@forjedio/inertia-table-vue/dist/**/*.{js,vue,ts}',
    ],
}