Avanzado

use KoreUi\DataTable\Presets\FilterPreset;

public function filterPresets(): array
{
    return [
        FilterPreset::make('all', 'Todos')
            ->icon('layers')
            ->default(),

        FilterPreset::make('active', 'Activos')
            ->icon('check-circle')
            ->filters(['status' => 'active'])
            ->count(fn () => Product::where('status', 'active')->count()),

        FilterPreset::make('draft', 'Borradores')
            ->icon('pencil')
            ->filters(['status' => 'draft'])
            ->sorts(['updated_at' => 'desc']),
    ];
}

Column::make('Nombre', 'name')
    ->editable()
    ->editableRules(['required', 'min:3', 'max:255'])

// BadgeColumn con select editable
BadgeColumn::make('Estado', 'status')
    ->editable()
    ->editableOptions([
        'active'   => 'Activo',
        'draft'    => 'Borrador',
        'archived' => 'Archivado',
    ])

// BooleanColumn con toggle
BooleanColumn::make('Activo', 'is_active')
    ->editable()  // Auto-toggle al click

public function configure(): void
{
    $this->setColumnSelectEnabled();  // Activa el toggle
}

// Desactivar globalmente en config/kore-ui.php
'datatable' => [
    'column_select' => false,
]

public function configure(): void
{
    // scroll (default) — Scroll horizontal
    // card             — Cada fila como card vertical
    // collapse         — Columnas colapsables con expand
    $this->setResponsiveMode('card');
    $this->setResponsiveBreakpoint(640); // default: 768
}

// Marcar columnas colapsables (modo collapse)
Column::make('Email', 'email')->collapseOnMobile();
Column::make('Ciudad', 'city')->collapseOnTablet();

public function configure(): void
{
    // Sort con tiebreaker
    $this->setDefaultSort('status', 'desc')
         ->addDefaultSort('id', 'asc');
    // Genera: ORDER BY status DESC, id ASC
}

// Sort con campo personalizado (útil en joins)
Column::make('Nombre completo', 'name')
    ->sortableAs('users.name')

// Búsqueda en relaciones (dot notation)
// Genera: whereHas('company', fn($q) => $q->where('name', 'like', '%term%'))
Column::make('Empresa', 'company.name')->searchable(),

// Búsqueda personalizada
Column::make('Nombre', 'name')
    ->searchCallback(function (Builder $query, string $term) {
        $query->where('first_name', 'like', "%{$term}%")
              ->orWhere('last_name', 'like', "%{$term}%");
    }),

public function configure(): void
{
    $this->setPaginationType('standard'); // Con total y números
    $this->setPaginationType('simple');   // Solo anterior/siguiente
    $this->setPaginationType('cursor');   // Eficiente para datasets grandes
}

public function configure(): void
{
    $this->setSlot('before-toolbar', 'partials.table-header');
    $this->setSlot('toolbar-right-end', 'partials.table-actions', [
        'createRoute' => route('products.create'),
    ]);
}

<?php

namespace App\Livewire;

use App\Models\Product;
use Illuminate\Database\Eloquent\Builder;
use KoreUi\DataTable\Actions\BulkAction;
use KoreUi\DataTable\Actions\RowAction;
use KoreUi\DataTable\Columns\ActionColumn;
use KoreUi\DataTable\Columns\BadgeColumn;
use KoreUi\DataTable\Columns\Column;
use KoreUi\DataTable\Columns\DateColumn;
use KoreUi\DataTable\Columns\NumberColumn;
use KoreUi\DataTable\Filters\SelectFilter;
use KoreUi\DataTable\KoreDataTable;
use KoreUi\DataTable\Presets\FilterPreset;

class ProductsTable extends KoreDataTable
{
    public function configure(): void
    {
        $this->setDefaultSort('created_at', 'desc');
        $this->setFilterLayout('slide-down');
        $this->setColumnSelectEnabled();
        $this->setResponsiveMode('card');
    }

    public function query(): Builder
    {
        return Product::query();
    }

    public function columns(): array
    {
        return [
            Column::make('Producto', 'name')
                ->sortable()
                ->searchable()
                ->editable()
                ->editableRules(['required', 'min:3']),

            NumberColumn::make('Precio', 'price')
                ->sortable()
                ->money('USD', 'en_US')
                ->sum('Total'),

            BadgeColumn::make('Estado', 'status')
                ->sortable()
                ->colors([
                    'active'   => 'success',
                    'inactive' => 'muted',
                    'draft'    => 'warning',
                ])
                ->editable()
                ->editableOptions([
                    'active'   => 'Activo',
                    'inactive' => 'Inactivo',
                    'draft'    => 'Borrador',
                ]),

            DateColumn::make('Creado', 'created_at')
                ->sortable()
                ->dateFormat('d M Y')
                ->collapseOnMobile(),

            ActionColumn::make()
                ->actions([
                    RowAction::make('edit', 'Editar')
                        ->icon('pencil')
                        ->openOverlay('edit-product', fn ($row) => ['id' => $row->id]),
                    RowAction::make('delete', 'Eliminar')
                        ->icon('trash')
                        ->color('destructive')
                        ->wireMethod('deleteProduct')
                        ->confirm('¿Eliminar este producto?')
                        ->separator(),
                ]),
        ];
    }

    public function filters(): array
    {
        return [
            SelectFilter::make('Estado', 'status')
                ->options([
                    ['label' => 'Activo', 'value' => 'active'],
                    ['label' => 'Borrador', 'value' => 'draft'],
                ])
                ->optionLabel('label')
                ->optionValue('value')
                ->placeholder('Todos'),
        ];
    }

    public function bulkActions(): array
    {
        return [
            BulkAction::make('delete', 'Eliminar seleccionados')
                ->icon('trash')
                ->color('destructive')
                ->confirm('¿Eliminar :count producto(s)?'),
        ];
    }

    public function filterPresets(): array
    {
        return [
            FilterPreset::make('all', 'Todos')->default(),
            FilterPreset::make('active', 'Activos')
                ->filters(['status' => 'active']),
        ];
    }
}

'datatable' => [
    'per_page'              => 25,
    'per_page_options'      => [10, 25, 50, 100],
    'density'               => 'normal',
    'pagination_type'       => 'standard',
    'search_debounce'       => 300,
    'filter_layout'         => 'popover',
    'column_select'         => true,
    'responsive_mode'       => 'scroll',
    'responsive_breakpoint' => 768,
    'empty_text'            => 'No se encontraron resultados',
    'empty_icon'            => 'inbox',
    'translations'          => [
        'search'     => 'Buscar...',
        'per_page'   => 'Por página',
        'showing'    => 'Mostrando :from a :to de :total resultados',
        'no_results' => 'No se encontraron resultados',
    ],
],