ant-design / ant-design/pro-components

ProDescriptions 在最后一项【ProDescriptions.Item】设置合并列【span={2}】没有效果

Open
#7,207 4 comments 0 reactions 0 assignees View on GitHub
🎖️ featrue AI Reply descriptions
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🐛 bug 描述

使用ProDescriptions组件,并为其添加 column={2}属性,之后再其中添加若干Item子元素,同时在**最后一个Item**
上设置 span={2} ,没有达到合并两列的效果,在非最后一个Item上设置span={2} ,都以达到合并两列的效果,[官方DEMO](https://procomponents.ant.design/components/descriptions)就有这个问题

### code
> 其实就是官方文档的第一个demo 部分代码
```ts {2}
import { ProDescriptions } from "@ant-design/pro-components";
import { Button } from "antd";
import dayjs from "dayjs";

export default () => {
return (



提交


{
return _ + _;
}}
ellipsis
label="文本"
>
这是一段很长很长超级超级长的无意义说明文本并且重复了很多没有意义的词语,就是为了让它变得很长很长超级超级长


100


100


open

[
{ label: "全部", value: "all" },
{ label: "未解决", value: "open" },
{ label: "已解决", value: "closed" },
{ label: "解决中", value: "processing" }
]}
>
closed


40


{dayjs().valueOf()}


{dayjs().valueOf()}


{[dayjs().add(-1, "d").valueOf(), dayjs().valueOf()]}


);
};

```

### 🏞 期望结果

不管哪一个Item 设置其属性span 都希望能有效果

### 💻 复现代码

[线上DEMO](https://codesandbox.io/s/ji-chu-ding-yi-lie-biao-forked-5hs2pj)

### © 版本信息

- ProComponents 版本: 2.3.5
- umi 版本:3.5.0
- 浏览器环境:Chrome 113
- 开发环境 mac OS

Contributor guide

Open the contributing guide

Research direction

Start with the ProDescriptions component and its official Descriptions demo, then reproduce the issue using the linked CodeSandbox and the provided column={2} example. Compare span={2} on the final Item with the same prop on earlier items. Done means span works consistently for every Item, including the last one.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.