Configure UDesign Table components with column definitions and dataSource binding.
npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-table
Please help me install this Agent Skill. Skill: cpn-basic-table Source: https://github.com/UCloud-FE/udesign-cli/tree/main/skills/cpn-basic-table Command: npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-table
Table usage in UDesign can be error-prone when developers misconfigure columns, dataSource, and related features. This skill guides AI to consistently construct valid Table usage demonstrations and promote best practices.
Generate a minimal Table example with two columns and a simple dataSource to illustrate basic usage.
High-intent search queries and answers about installing and using this skill.
To configure columns and bind dataSource in a React table, define column objects and map data to the dataSource property. This skill guides AI to generate valid JSX table patterns ensuring unique row keys exist for accurate data binding.
The best way to implement search and scroll in a React design system table involves configuring specific component properties. This skill provides representative JSX examples demonstrating these common capabilities without external UI libraries.
You cannot use TypeScript when building these table components. The skill enforces non-TypeScript JSX usage to maintain design-system consistency and constructs valid table demonstrations using plain JSX without external dependencies.
Your React table may render incorrectly due to missing unique row keys or misconfigured columns. This skill guides AI to consistently enforce key constraints and validate column definitions to prevent common table rendering errors.
Setting up fixed columns requires specific configuration properties on your column definitions. This skill provides clear patterns and examples for implementing fixed columns alongside basic scroll and search features in React tables.
UCloud-FEGenerate UDesign Pagination component configurations for React data lists.
UCloud-FEIntegrate and render UDesign Checkbox components in React projects.
partme-aiConfigure Avue CRUD tables with pagination, search, sorting, and export.
iEnergyyImplement headless table logic for sorting, filtering, pagination, and selection with TanStack Table.
