June 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.

Laravel Inertia DataTable

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

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

cd into the project directory

cd laravel-inertia-datatable
bash

Install dependencies

# Laravel
composer install
 
# InertiaJS and ReactJS
npm install
bash

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

cp .env.example .env
bash

Generate an application key

php artisan key:generate
bash

Run the database migrations

php artisan migrate
bash

Seed the database

php artisan db:seed
bash

Start the local development server

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

Screenshots

Posts DataTable
Posts DataTable
Users DataTable
Users DataTable
raprmdn
Rafi Putra Ramadhan
Laravel
ReactJS
InertiaJS
Datatable