Introduction

Official Documentation

Demo

Quick Example

Start create Grid Class

// app/DataGrid/PostGrid.phpnamespaceApp\\DataGrid;useYazan\DataTable\Mysql\Eloquent\Eloquent;class PostGrid{use Eloquent;public$model ="App\\Models\\Post";}

Make an instance from PostGrid class and return the collection

// app/Http/Controller/PostController.phppublicfunctionall(Request$request){$posts = (newPostGrid())->render();return ['success' =>true,'collection' =>$posts];}

use the data-table component in your blade

// resources/posts/index.blade.php<data-table:config="{       url: `/posts/all?page=1`,           },       }":columns="[       {       label: 'ID',       column: 'id',       show: true,           sort:{             sortable: false,             sortColumn: 'id',           },      },       {       label: 'Title',       column: 'title',        show: true,           sort:{            sortable: true,            sortColumn: 'title',            sortDir: 'asc',           },      },      {       label: 'CreatedAt',       column: 'created_at',       show: true,            sort:{               sortable: true,               sortColumn: 'created_at',               sortDir: 'asc',            },      },      {       label: 'UpdatedAt',       column: 'updated_at',       show: true,            sort:{               sortable: true,               sortColumn: 'updated_at',               sortDir: 'asc',            },      },       ]"></data-table>