You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[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
Bug Type:
Component
Environment
3.4.19
2.7.1
Chrome 119.0.6045.160
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的一样)
The text was updated successfully, but these errors were encountered: