Render with Inertia

Return the table as an Inertia prop, then render it by name:

return Inertia::render('Users/Index', [
    UsersTable::make('users')->data($users),
]);

import { InertiaX } from '@inertiax/react-inertia';

export default function UsersIndex() {
  return <InertiaX prop="users" />;
}

The component uses the provider from Installation. Search, filters, sorting, and pagination trigger partial reloads of the named prop.

Customize one table

<InertiaX
  prop="users"
  debounceMs={250}
  table={{ texts: { empty: { label: 'No matching users.' } } }}
/>

Use table for styling, renderers, and events. debounceMs changes the search and filter request delay.

See Multiple tables to render independent instances, or Request lifecycle for URL state, request timing, and retry behavior.