test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-14 01:11:25 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(table): fix that the column width is calculated incorrectly (#1381)

Browse Source 
Fix the bug that the column width is calculated incorrectly when dragging the header

fix #1355

Co-authored-by: winerlu <winerlu@tencent.com>
This commit is contained in:
justwiner 2021-02-01 21:42:20 +08:00 committed by GitHub
parent 815618d7d3
commit 358559e2cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/table/src/table-body/styles-helper.ts
View File

@ -2,7 +2,7 @@ import { getCurrentInstance } from 'vue'
import { TableBodyProps } from './table-body' import { TableBodyProps } from './table-body'
import { Table, AnyObject, TableColumnCtx } from '../table.type' import { Table, AnyObject, TableColumnCtx } from '../table.type'
function useStyles(props: TableBodyProps) { function useStyles (props: TableBodyProps) {
const instance = getCurrentInstance() const instance = getCurrentInstance()
const parent = instance.parent as Table const parent = instance.parent as Table
const isColumnHidden = index => { const isColumnHidden = index => {
@ -146,7 +146,7 @@ function useStyles(props: TableBodyProps) {
return columns[index].realWidth return columns[index].realWidth
} }
const widthArr = columns const widthArr = columns
.map(({ realWidth }) => realWidth) .map(({ realWidth, width }) => realWidth || width)
.slice(index, index + colspan) .slice(index, index + colspan)
return widthArr.reduce((acc, width) => acc + width, -1) return widthArr.reduce((acc, width) => acc + width, -1)
} }