center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

Merge pull request #9498 from dataease/pr@dev@fix_table_scroll_column_resize

Browse Source 
fix(视图): 修复表格滚动时改变列宽表格会错位 #8810
This commit is contained in:
wisonic-s 2024-05-06 17:10:36 +08:00 committed by GitHub
commit a4aa7eea3b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/frontend/src/views/chart/chart/table/table-info.js
View File

@ -230,9 +230,7 @@ export function baseTableInfo(container, chart, action, tableData, pageInfo, vue
// right click
s2.on(S2Event.GLOBAL_CONTEXT_MENU, event => copyContent(s2, event, meta))
// column resize
if (size.tableColumnMode === 'field') {
s2.on(S2Event.LAYOUT_RESIZE_COL_WIDTH, event => resizeFunc(event))
}
// theme
const customTheme = getCustomTheme(chart)
s2.setThemeCfg({ theme: customTheme })
@ -436,9 +434,7 @@ export function baseTableNormal(container, chart, action, tableData, vueCom, res
// right click
s2.on(S2Event.GLOBAL_CONTEXT_MENU, event => copyContent(s2, event, meta))
// column resize
if (size.tableColumnMode === 'field') {
s2.on(S2Event.LAYOUT_RESIZE_COL_WIDTH, event => resizeFunc(event))
}
// theme
const customTheme = getCustomTheme(chart)
s2.setThemeCfg({ theme: customTheme })

10
core/frontend/src/views/chart/components/ChartComponentS2.vue
View File

@ -577,12 +577,18 @@ export default {
this.remarkCfg = getRemark(this.chart)
},
columnResize(resizeColumn) {
// 从头开始滚动
this.myChart.facet.timer?.stop()
this.$nextTick(this.initScroll)
if (!this.inScreen) {
// 预览/全屏预览不保存
// 预览/全屏预览不保存宽度
return
}
const size = JSON.parse(this.chart.customAttr).size
if (size.tableColumnMode !== 'field') {
return
}
const fieldId = resizeColumn.info.meta.field
const size = JSON.parse(this.chart.customAttr).size
const containerWidth = document.getElementById(this.chartId).offsetWidth
const column = size.tableFieldWidth?.find(i => i.fieldId === fieldId)
let tableWidth