antvis / S2

⚡️ A practical visualization library for tabular analysis.

Home Page:https://s2.antv.antgroup.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🐛明细表格-多层表头加列冻结情况下-表头宽度拖拽条位置出错

huci-lingmao opened this issue · comments

🏷 Version

Package Version
@antv/s2 1.42.0
@antv/s2-react 1.37.0
@antv/s2-vue

Sheet Type

  • PivotSheet
  • TableSheet
  • GridAnalysisSheet
  • StrategySheet
  • EditableSheet

🖋 Description

明细表格-多层表头加列冻结情况下-表头宽度拖拽条位置出错

⌨️ Code Snapshots

import { TableSheet } from '@antv/s2';

fetch('https://assets.antv.antgroup.com/s2/basic-table-mode.json')
  .then((res) => res.json())
  .then((data) => {
    const container = document.getElementById('container');
    const s2DataConfig = {
      fields: {
        columns: [
          'province',
          'type',
          {
            key:'分类',
            children: ['city', 'type',]
          },
          'price',
          'cost'
        ],
      },
      meta: [
        {
          field: 'province',
          name: '省份',
        },
        {
          field: 'city',
          name: '城市',
        },
        {
          field: 'type',
          name: '商品类别',
        },
        {
          field: 'price',
          name: '价格',
        },
        {
          field: 'cost',
          name: '成本',
        },
      ],
      data,
    };

    const s2Options = {
      width: 600,
      height: 480,
      showSeriesNumber: true,
      frozenColCount: 1
    };

    const s2 = new TableSheet(container, s2DataConfig, s2Options);

    s2.render();
  });

🔗 Reproduce Link

https://s2-v1.antv.antgroup.com/examples/basic/table/#table
打开上面链接,并将代码替换成上面Code Snapshots中的代码

🤔 Steps to Reproduce

  1. 拖动一下横向滚动条;
  2. 鼠标hover到列头分隔线上,无法选中分隔线;

bug原因:分割线向右偏移了,偏移的距离等于滚动的距离;
image

image

😊 Expected Behavior

  1. 分隔线能正常hover选中

😅 Current Behavior

💻 System information

Environment Info
System
Browser

2.x 中问题已修复, 1.x 问题代码都找到了, 直接来个 PR :) ?

你好 @huci-lingmao,很抱歉给你带来了不好的体验, 我们会尽快排查问题并修复, 请关注后续发布日志.

Hello, @huci-lingmao, We are so sorry for the bad experience. We will troubleshoot and fix the problem as soon as possible. Please pay attention to the follow-up change logs.

你好 @huci-lingmao,该功能或缺陷已经在 2.0 next 版本 中支持或修复,next 版本目前处于内测中, 感谢你的支持与理解。

如有任何 2.0 版本 问题,请前往讨论区,正式版预计年底发布 (文档施工中 🚧), 抢先试用:

yarn add @antv/s2@next  # pnpm add @antv/s2@next
yarn add @antv/s2-react@next  # pnpm add @antv/s2-react@next
yarn add @antv/s2-vue@next  # pnpm add @antv/s2-vue@next

Hello, @huci-lingmao, This feature or flaw has been supported or fixed in 2.0 next version, next version is currently in private beta, thank you for your support and understanding.

Any 2.0 version issues, please go to discussion, which released the official version is expected to the end (document 🚧) during construction, the first trial: