Build semantic data tables with @techsio/ui-kit Table components.
npx skills add https://github.com/TechsioCZ/new-engine --skill table-usage
Please help me install this Agent Skill. Skill: table-usage Source: https://github.com/TechsioCZ/new-engine/tree/main/libs/ui/skills/table-usage Command: npx skills add https://github.com/TechsioCZ/new-engine --skill table-usage
Use after component-usage-ux when an app needs @techsio/ui-kit Table for semantic tabular data with caption, header, body, footer, rows, column headers, numeric cells, selected rows, variants, interactive rows, sticky header/first column, column borders, and size props.
Import and render the Table component from @techsio/ui-kit and follow the example to build a semantic data table.
High-intent search queries and answers about installing and using this skill.
You build accessible data tables in React by using semantic parts like Caption, Header, Body, Footer, Row, ColumnHeader, and Cell. This structured component enforces proper HTML semantics for screen readers and assistive technologies.
Yes, you can create interactive rows and sticky headers for dashboards by applying the interactive and stickyHeader props. These features support data-heavy UIs by keeping column headers visible during scrolling and enabling row selection.
Yes, the @techsio/ui-kit table component supports numeric alignment and size variants. You apply the numeric, variant, and size props directly to your table cells to control data alignment and visual styling.
The best way to structure tabular data in React is using semantic sub-components like ColumnHeader, Body, and Footer. This approach promotes reuse across data-heavy views and ensures consistent accessibility.
Yes, you need to import the Table component from the @techsio/ui-kit library. You then render the structured component and apply props like stickyHeader or numeric to build your semantic data table.
maneeshanifInstall and configure Shadcn/ui components in a Next.js project.
iEnergyyImplement headless table logic for sorting, filtering, pagination, and selection with TanStack Table.
aagii9912Enforce brand tokens, accessibility, and component patterns in UI development.
diadia0000Customize Forager MP UI elements with predefined CSS templates.
