ant-design / ant-design/pro-components
The operation bar in the list cannot adaptively display list items based on the content of the column, resulting in a single row display
- Dominant language
- TypeScript
- Stars
- 4.8k
- Forks
- 1.4k
- Avg merge
- 10h 44m
- Merged PRs (30d)
- 3
Description
### 🧐 问题描述 | Problem description
I want to operate SettingOptionType to display the list content on one line instead of wrapping it, but there is no corresponding property to operate on. Once the column description displays too much content in other languages, it becomes a multi line display, which is particularly unsightly. I want to display one line
### 💻 示例代码 | Sample code
export declare type SettingOptionType = {
draggable?: boolean;
checkable?: boolean;
showListItemOption?: boolean;
checkedReset?: boolean;
listsHeight?: number;
extra?: React.ReactNode;
children?: React.ReactNode;
settingIcon?: React.ReactNode;
};
### 🚑 其他信息 | Other information
What should I do?
OS:
Node:
浏览器 | browser:
Contributor guide
Research direction
Start by locating the SettingOptionType declaration and the list or operation-bar component that consumes it. Check how column descriptions wrap in other languages, then add the requested option behavior and verify that list items remain on one line when enabled.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100