PHPackages                             arkhas/inertia-datatable - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. arkhas/inertia-datatable

ActiveLibrary[Utility & Helpers](/categories/utility)

arkhas/inertia-datatable
========================

A Laravel package for dynamic datatables using Inertia.js and React.

V1.0.10(1y ago)2258[1 PRs](https://github.com/Arkhas/inertia-datatable/pulls)MITPHPPHP >=8.1CI passing

Since May 15Pushed 1y ago1 watchersCompare

[ Source](https://github.com/Arkhas/inertia-datatable)[ Packagist](https://packagist.org/packages/arkhas/inertia-datatable)[ RSS](/packages/arkhas-inertia-datatable/feed)WikiDiscussions main Synced today

READMEChangelog (10)Dependencies (6)Versions (14)Used By (0)

Laravel Inertia React Datatable
===============================

[](#laravel-inertia-react-datatable)

The DataTable library provides a powerful and flexible way to create interactive data tables in your Laravel application. It integrates with Inertia.js to provide a seamless experience between your Laravel backend and React frontend.

Key Features
------------

[](#key-features)

• Easy to use: Simple API for creating and configuring DataTables

• Flexible: Customizable columns, filters, and actions

• Interactive: Built-in support for sorting, filtering, and pagination

• Exportable: Built-in support for exporting data with customizable formatting

• Responsive: Works well on all screen sizes

• Integrated: Seamlessly integrates with Laravel and React

Installation
------------

[](#installation)

```
composer require arkhas/inertia-datatable
```

And install the frontend package using npm:

```
npm install @arkhas/inertia-datatable
```

For the classes to work properly, you need to ensure to add this to your app.css file:

```
@source '../../vendor/arkhas/inertia-datatable/resources/**/*.tsx';
```

Basic Usage
-----------

[](#basic-usage)

### Creating a DataTable Class

[](#creating-a-datatable-class)

To create a new DataTable, you need to create a class that extends `InertiaDatatable`. Here's a basic example:

```