ant-design / ant-design/pro-components
ProDescriptions 在最后一项【ProDescriptions.Item】设置合并列【span={2}】没有效果
- 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
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