Laravel, DataTables, Bootstrap and Vite

Get started with Laravel, DataTables, Bootstrap and Vite in a few minutes.

Installation

npm i laravel-datatables-vite --save-dev

Setup

Add the following to your resources/js/app.js file:

import 'laravel-datatables-vite';

Add the following to your resources/sass/app.scss file:

@import 'bootstrap-icons/font/bootstrap-icons.css';
@import "datatables.net-bs5/css/dataTables.bootstrap5.min.css";
@import "datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css";
@import 'datatables.net-select-bs5/css/select.bootstrap5.css';

Quick Starter

A quick starter guide is available at the official package docs.