DataTable

Name: Veldora
Author: Shahriyar Fahim

Interactive table with client-side search, column sort, and pagination. No server round-trips needed.

<x-datatable>

Default Style

Standard live preview and template usage for <x-datatable>.

Name	Role	Department	Status
Alice Smith	Principal Engineer	Engineering	Active
Bob Martinez	Product Designer	Design	Away
Carol White	Engineering Lead	Engineering	Active
Dave Johnson	QA Architect	Quality	Offline

Page 1 of 2

<?php
$columns = ['name' => 'Name', 'role' => 'Role', 'dept' => 'Department', 'status' => 'Status'];
$rows    = [
    ['name' => 'Alice Smith',  'role' => 'Principal Engineer', 'dept' => 'Engineering', 'status' => 'Active'],
    ['name' => 'Bob Martinez', 'role' => 'Product Designer',   'dept' => 'Design',      'status' => 'Away'],
];
?>
<x-datatable :columns="$columns" :rows="$rows" :searchable="true" :per-page="10" />

← Previous Switch Next → Alert