Skip to content

New update to the Table component#38

Open
JExcellence wants to merge 8 commits intoonce-ui-system:mainfrom
JExcellence:table-component
Open

New update to the Table component#38
JExcellence wants to merge 8 commits intoonce-ui-system:mainfrom
JExcellence:table-component

Conversation

@JExcellence
Copy link
Contributor

feat(Table): enhance table component with search, actions, and pagination

  • Add search functionality with real-time filtering across all columns
  • Implement dynamic actions column with customizable row-level buttons
  • Add pagination support with configurable page sizes and navigation
  • Support sortable columns with visual indicators
  • Add loading and empty state customization via props
  • Implement table variants: striped, hoverable, compact, clickable, sticky header
  • Add proper BEM SCSS architecture with Once UI design tokens
  • Fix actions column alignment and icon display
  • Add missing icons (edit, trash, mail, download) to icons.ts
  • Change "Rows per page" to "Entries per page" for clarity
  • Remove "Showing X rows" footer text
  • Improve sticky header with darker background and shadow on scroll
  • Optimize pagination select width for better UX
  • Add proper vertical centering for action buttons
  • Style action buttons with radius-l and increased padding
  • Support custom loadingState and emptyState props
  • Add comprehensive examples in ComponentsCheckPage

…el; tidy quotes

- Normalize `isOpen` prop behavior across interactive components and docs/examples
  (consistent controlled/uncontrolled behavior, SSR-safe defaults).
  Touched: Dialog.tsx, DialogExample.tsx, dialog.mdx,
           DropdownWrapper.tsx, DropdownWrapperExample.tsx, dropdownWrapper.mdx,
           ContextMenu.tsx, Select.tsx, Kbar.tsx, ComponentsCheckPage.tsx

- Input: resolve placeholder/label overlap + ID wiring
  - Correct label/placeholder interaction and focus/blur states
  - Ensure `htmlFor` ↔ `id` pairing; improve a11y (`aria-*`)
  - Styling tweaks in Input.module.scss; updated examples
  Touched: Input.module.scss, InputExamples.tsx, TextareaExamples.tsx

- Misc cleanups
  - Quote consistency (`'` → `"` where needed), minor TS/prop nits
  - Example + demo updates (Countdown/Count/TypeFx, Date* pickers, CTA, Button, etc.)
  Touched: Accordion.tsx, Button.tsx, ChartHeader.tsx, CountdownFxExample.tsx,
           CountFxExample.tsx, Cta.tsx, DateInput.tsx, DatePicker.tsx,
           DatePickerExamples.tsx, DateRangeInput.tsx, emojiPickerDropdown.mdx,
           EmojiPickerDropdownExample.tsx, error.tsx, Select.tsx,
           ToastExample.tsx, TypeFxCustomExample.tsx

No breaking changes expected.
fix(ui): adjust Input component height for placeholder-only inputs
…tion

- Add search functionality with real-time filtering across all columns
- Implement dynamic actions column with customizable row-level buttons
- Add pagination support with configurable page sizes and navigation
- Support sortable columns with visual indicators
- Add loading and empty state customization via props
- Implement table variants: striped, hoverable, compact, clickable, sticky header
- Add proper BEM SCSS architecture with Once UI design tokens
- Fix actions column alignment and icon display
- Add missing icons (edit, trash, mail, download) to icons.ts
- Change "Rows per page" to "Entries per page" for clarity
- Remove "Showing X rows" footer text
- Improve sticky header with darker background and shadow on scroll
- Optimize pagination select width for better UX
- Add proper vertical centering for action buttons
- Style action buttons with radius-l and increased padding
- Support custom loadingState and emptyState props
- Add comprehensive examples in ComponentsCheckPage
# Conflicts:
#	packages/core/src/components/Dialog.tsx
# Conflicts:
#	packages/core/src/icons.ts
@vercel
Copy link

vercel bot commented Feb 4, 2026

@JExcellence is attempting to deploy a commit to the Dopler Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant