Files
new-api/web/default/src/components/data-table
QuentinHsu 9ba251ce5f perf(web): streamline table actions and destructive dialogs (#5645)
* perf(data-table): autosize action columns

- exclude actions columns from shared table width calculations so action cells size to their content.
- remove fixed size and w-* width overrides from feature action columns to preserve content-based layout.

* perf(data-table): streamline row action controls

- expose common edit and status actions directly while moving secondary actions into overflow menus.
- add shared row action menu helpers so static and table rows use consistent action controls.
- let action columns size to their content instead of relying on fixed widths.

* fix(web): localize destructive dialog copy

- route delete, reset, and batch update confirmation text through i18n.
- add locale entries for affected channel, model, system settings, and user dialogs.

* perf(web): unify destructive dialog actions

- align delete and cleanup confirmation buttons with the shared destructive variant.
- replace custom destructive color overrides with semantic button variants.
- clean up lint errors in touched dialog files before committing.

* fix(web): add user action success translations

- add localized success messages for user delete, status, and role changes.
- keep user management toast copy available across all frontend locales.

* fix(data-table): prevent mobile badge clipping

- expose badge cell slots so mobile card styles can target nested badge wrappers.
- reset badge margins in card rows to keep provider icons fully visible on small screens.
2026-06-25 13:13:41 +08:00
..

Data Table Components

This package keeps a stable public API through index.ts; feature code should continue importing from @/components/data-table.

  • core/: TanStack table rendering primitives, headers, rows, pagination, loading, empty states, and pinned-column behavior.
  • layout/: responsive page-level composition that combines toolbar, desktop table, mobile list, bulk actions, and pagination placement.
  • toolbar/: filter/search/view-option controls and selection action toolbar.
  • static/: lightweight table rendering for local/static arrays that do not need TanStack state.
  • hooks/: table state and filter hooks.

Keep feature-specific columns, actions, and dialogs inside their feature folders. Shared table code belongs here only when it is reusable across more than one feature.