ProjectLaravelJune 22, 2024

Laravel Inertia Datatable

Learn how to implement server-side pagination, filtering, live search, sorting, and limit the number of records displayed per page in your Laravel application. Enhance performance by fetching only the required data while allowing users to filter results, search in real-time, sort data, and control the number of entries displayed per page.

Stack

Laravel

ReactJS

InertiaJS

Datatable

Year: 2024

Laravel Inertia DataTable

Notice

This repository contains the original project-based implementation.

A standalone Composer package is also available at: https://github.com/raprmdn/laravel-inertia-datatables

This project will be updated to use the package in a future release.

Server-side pagination, filter, live search, sort, and limit data to be displayed on each page.

Source Code : GitHub

Features

Server-side pagination
Live search
Sort
Limit
Filter

Tech Stack

Prerequisites

Installation and Usage

Clone the repository

Terminal

git clone https://github.com/raprmdn/laravel-inertia-datatable.git

cd into the project directory

Terminal

cd laravel-inertia-datatable

Install dependencies

Terminal

# Laravel
composer install
 
# InertiaJS and ReactJS
npm install

copy .env.example to .env and set your database configuration

Terminal

cp .env.example .env

Generate an application key

Terminal

php artisan key:generate

Run the database migrations

Terminal

php artisan migrate

Seed the database

Terminal

php artisan db:seed

Start the local development server

Terminal

# Laravel
php artisan serve
 
# InertiaJS and ReactJS
npm run dev

Screenshots

Posts DataTable

Users DataTable