Skip to content

Bug: EllipsisText组件设置:line="1"与预期不符 #6921

@Hahai1212

Description

@Hahai1212

Version

Vben Admin V5

Describe the bug?

在antd-vue表格组件中其他列全部定宽,其中需要EllipsisText那一列不需要定宽(即自适应宽度),设置并不会截断文字,同样当line=2是则能够正常截取。

Reproduction

Image

代码如下:
`<script setup lang="ts">

import { Table } from 'ant-design-vue';

import { EllipsisText, Page } from '@vben/common-ui';

interface AntdTableRow<T = any> {
record: T;
column: any;
index: number;
}
interface ListTest {
id: number;
str: string;
type: 'long' | 'short';
}
const list: ListTest[] = [
{
id: 1,
str: '这是长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长描述',
type: 'long',
},
{ id: 1, str: '这是短描述', type: 'short' },
];
</script>

{{ record.str }} {{ record.str }} {{ record.type }}
`

System Info

Any

Relevant log output

Validations

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions