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

[Component] [table-v2] elePlus Virtualized Table found that clumns minWidth could not be applied(elePlus虚拟化列表Virtualized Table在clumns 中 配置minWidth无效) #16657

Open
TiMing-max opened this issue Apr 25, 2024 · 0 comments

Comments

@TiMing-max
Copy link

Bug Type: Component

Environment

  • Vue Version: 3.4.19
  • Element Plus Version: 2.7.1
  • Browser / OS: Chrome 119.0.6045.160
  • Build Tool: Vite

Reproduction

Related Component

  • el-table-v2

Reproduction Link

Element Plus Playground

Steps to reproduce

Open the Element Plus Playground in el-table-v2 and paste the following code:


<script lang="ts" setup> const generateColumns = (length = 10, prefix = 'column-', props?: any) => Array.from({ length }).map((_, columnIndex) => ({ ...props, key: `${prefix}${columnIndex}`, dataKey: `${prefix}${columnIndex}`, title: `Column ${columnIndex}`, minWidth: 200, width:80, height:120, })) const generateData = ( columns: ReturnType, length = 200, prefix = 'row-' ) => Array.from({ length }).map((_, rowIndex) => { return columns.reduce( (rowData, column, columnIndex) => { rowData[column.dataKey] = `Row ${rowIndex} - Col ${columnIndex}` return rowData }, { id: `${prefix}${rowIndex}`, parentId: null, } ) }) const columns = generateColumns(2) const data = generateData(columns, 10000) console.log(columns,data) </script>

What is Expected?

Two pieces of data in a table can be used to fill a table with an adaptive width of 700(表格中的两列数据可以自适应填充在宽度为700的表格中)

What is actually happening?

The table is not full, two data only occupy the 160 position, the other position is still vacant(表格没有填满,两个数据只占了160的位置,其他的位置还空着)

Additional comments

Expect el-table-v2 omissions to appear in the same tooltip box as el-table's(希望el-table-v2的省略出现的tooltip框和el-table的一样)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant