cpn-basic-transfer-table

Configure UDesign TransferTable props to render large source/target lists.

1|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-transfer-table
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cpn-basic-transfer-table
Source: https://github.com/UCloud-FE/udesign-cli/tree/main/skills/cpn-basic-transfer-table
Command: npx skills add https://github.com/UCloud-FE/udesign-cli --skill cpn-basic-transfer-table

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

帮助 AI 正确使用 UDesign TransferTable 组件来渲染 Transfer 列表,覆盖所有相关 props,并参考 Transfer 组件的实现规范,以确保行为和样式的一致性。

Core Features & Use Cases

  • 支持通过 source/target 配置、列定义和分页来渲染大量数据的 Transfer 列表。
  • 提供与原始 Transfer 组件的对齐示例、最佳实践和常见用法,便于快速落地与维护。
  • 典型场景包括用户分配、权限分配等需要多条记录的可选项并允许筛选、排序和跨页访问。

Quick Start

直接使用该技能并传入一个测试数据集,快速验证 TransferTable 的渲染和交互。

Frequently Asked Questions about cpn-basic-transfer-table

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render large datasets in a React transfer list with source and target panels?

To render large datasets in a React transfer list, use the UDesign TransferTable to configure source and target panels. It supports column definitions and pagination to handle large records efficiently.

How do I configure source and target panels for user allocation in a React transfer component?

Configuring source and target panels for user allocation involves passing dataset configurations and column definitions to the TransferTable component. This allows filtering, sorting, and cross-page access for multiple records.

What is the best way to align props usage for a React transfer table with UI guidelines?

The best way to align props usage is to follow the TransferTable and Transfer component documentation. This ensures behavior and style consistency while avoiding external libraries in your React project.

Can I use per-row controls and pagination within a React transfer list?

Yes, you can use per-row controls and pagination within a React transfer list. The TransferTable component explicitly supports these features for rendering large datasets across source and target panels.

When do I need to use a transfer table instead of a standard list in React?

You need a transfer table instead of a standard list when rendering large datasets requiring source and target panels. It is ideal for scenarios like permission allocation needing filtering, sorting, and cross-page access.

Why should I avoid external libraries when implementing a React transfer list?

You should avoid external libraries to ensure compliance with project UI guidelines. The UDesign TransferTable provides the necessary props and alignment with Transfer docs to render lists without extra dependencies.