Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The column of a-descriptions is set to responsive, and an alarm occurs when the span of a-descriptions-item is filled with a whole row Warning: [antdv: Descriptions] Sum of column span in a line not column of Descriptions. match #5250

Closed
1 task done
zivenyang opened this issue Feb 15, 2022 · 1 comment
Labels

Comments

@zivenyang
Copy link

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.2.8

Environment

"@ant-design/icons-vue": "^6.0.1", "ant-design-vue": "^2.2.8", "axios": "^0.25.0", "core-js": "^3.6.5", "less-plugin-sass2less": "^1.2.0", "nprogress": "^0.2.0", "vue": "^3.0.0", "vue-router": "^4.0.12", "vuex": "^4.0.0-0"

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. 的column设置为响应式,每个尺寸显示的列数不同
  2. 其中一个的span设置为占用一整列
    例如
<template>
<a-descriptions
title="Responsive Descriptions"
bordered
:column="{ xxl: 4, xl: 3, lg: 3, md: 2, sm: 2, xs: 1 }"
>
<a-descriptions-item label="Product" :span="4"
>This is a loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong
string</a-descriptions-item
>
<a-descriptions-item label="Billing">Prepaid</a-descriptions-item>
<a-descriptions-item label="Time">18:00:00</a-descriptions-item>
<a-descriptions-item label="Amount">$80.00</a-descriptions-item>
<a-descriptions-item label="Discount">$20.00</a-descriptions-item>
<a-descriptions-item label="Official">$60.00</a-descriptions-item>
</a-descriptions>
</template>

What is expected?

我想要在column为响应式的情况下独占一行,且没有警告

What is actually happening?

产生了告警:

Warning: [antdv: Descriptions] Sum of column `span` in a line not match `column` of Descriptions.

我尝试将span中也设置为响应式,例如:

<a-descriptions-item
      label="Product"
      :span="{ xxl: 4, xl: 3, lg: 3, md: 2, sm: 2, xs: 1 }"
      >This is a
      loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong
      string</a-descriptions-item
    >

虽然没有产生告警,但内容没有铺满一整行,效果详见codesandbox中title为没有警告但是显示不全的span的descriptions

@github-actions github-actions bot changed the title a-descriptions的column设置为响应式,a-descriptions-item的span填充为一整行时发生告警Warning: [antdv: Descriptions] Sum of column span in a line not column of Descriptions. match The column of a-descriptions is set to responsive, and an alarm occurs when the span of a-descriptions-item is filled with a whole row Warning: [antdv: Descriptions] Sum of column span in a line not column of Descriptions. match Feb 15, 2022
@github-actions
Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Feb 18, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

1 participant