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

Open
#9,620 0 comments 0 reactions 0 assignees View on GitHub
enhancement question
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.