Bug 描述
GiTable拖拽时,Fixed在左右的列也会变化位置,而且是悬浮的,形成了遮挡
复现步骤
- 列的属性设置为fixed:'left'
- 点击列表左上的设置
- 拖动带有固定属性的列
- 看到该列位置改变,且悬浮,拉进度条时会形成遮挡
预期结果
正确预期应为不允许拖拽固定在左右两侧的列,因为这种列往往是用户必看的核心信息
环境信息
ContiNew Admin version(s):3.0.1
额外补充
我已对该问题进行了修改:
修改\src\components\GiTable.vue的_columns方法
修改后如下:
// 排序和过滤可显示的列数据
const _columns = computed(() => {
if (!attrs.columns) return []
const arr = attrs.columns as TableColumnData[]
// 显示的dataIndex
const showDataIndexs = settingColumnList.value
.filter((i) => i.show)
.map((i) => i.key || (typeof i.title === 'string' ? i.title : ''))
// 显示的columns数据
const filterColumns = arr.filter((i) =>
showDataIndexs.includes(i.dataIndex || (typeof i.title === 'string' ? i.title : ''))
)
const sortedColumns: TableColumnData[] = []
filterColumns.forEach((j) => {
if (j.fixed === 'left') {
sortedColumns.push(j)
}
})
settingColumnList.value.forEach((i) => {
filterColumns.forEach((j) => {
if (i.key === (j.dataIndex || j.title) && j.fixed === undefined) {
sortedColumns.push(j)
}
})
})
filterColumns.forEach((j) => {
if (j.fixed === 'right') {
sortedColumns.push(j)
}
})
return sortedColumns
})
确认
Bug 描述
GiTable拖拽时,Fixed在左右的列也会变化位置,而且是悬浮的,形成了遮挡
复现步骤
预期结果
正确预期应为不允许拖拽固定在左右两侧的列,因为这种列往往是用户必看的核心信息
环境信息
额外补充
我已对该问题进行了修改:
修改\src\components\GiTable.vue的_columns方法
修改后如下:
// 排序和过滤可显示的列数据 const _columns = computed(() => { if (!attrs.columns) return [] const arr = attrs.columns as TableColumnData[] // 显示的dataIndex const showDataIndexs = settingColumnList.value .filter((i) => i.show) .map((i) => i.key || (typeof i.title === 'string' ? i.title : '')) // 显示的columns数据 const filterColumns = arr.filter((i) => showDataIndexs.includes(i.dataIndex || (typeof i.title === 'string' ? i.title : '')) ) const sortedColumns: TableColumnData[] = [] filterColumns.forEach((j) => { if (j.fixed === 'left') { sortedColumns.push(j) } }) settingColumnList.value.forEach((i) => { filterColumns.forEach((j) => { if (i.key === (j.dataIndex || j.title) && j.fixed === undefined) { sortedColumns.push(j) } }) }) filterColumns.forEach((j) => { if (j.fixed === 'right') { sortedColumns.push(j) } }) return sortedColumns })确认