UX DataTables

Type to search columns, filters, options, and extensions.

↑↓ to navigate · Enter to open · Esc to close

Documentation

Select Extension

Enable row, column, or cell selection workflows

When To Use

Use Select for batch actions, row detail workflows, or keyboard-assisted data review.

Minimal Example

use Pentiminax\UX\DataTables\Enum\SelectStyle;
use Pentiminax\UX\DataTables\Model\Extensions\SelectExtension;

$dataTable->addExtension(new SelectExtension(SelectStyle::SINGLE));

Advanced Example

use Pentiminax\UX\DataTables\Enum\SelectItemType;
use Pentiminax\UX\DataTables\Enum\SelectStyle;

$select = new SelectExtension(
    style: SelectStyle::MULTI,
    blurable: true,
    className: 'selected',
    info: true,
    items: SelectItemType::ROW,
    keys: true,
    selector: 'td, th',
    toggleable: true,
);

$select
    ->headerCheckbox(true)
    ->withCheckbox(true);

$dataTable->addExtension($select);

Frequent Pitfalls

  • Enabling checkbox mode without confirming responsive column behavior.
  • Not handling select/deselect events in custom controllers when needed.

Checkbox mode prepends a client-only column. Server-side order, column search, and Column Control criteria are matched by column name, so they stay aligned with that extra column.