🤔透视表：自定义列头；合并列头排序没有效果

[dyllike3892654]

🏷 Version

Package	Version
@antv/s2	2.0.0-next.26
@antv/s2-react	^2.0.0-next.25
@antv/s2-vue

Sheet Type

• [√ ] PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

🔗 Reproduce Link

https://codesandbox.io/p/sandbox/infallible-ramanujan-4hxy9s?file=%2Fsrc%2Findex.js%3A108%2C26

问题：透视表合并表头后，点击排序不能打开tooltip框进行排序，点击行内排序没有效果

现在的效果：

想要的效果是像明细表一样可以列头分组也可以进行行内排序

😊 Expected Behavior

😅 Current Behavior

[lijinke666]

你使用的是 s2-react, 所以应该用 <SheetComponent />, 这样才会渲染排序菜单, 而你提供的 demo 是用的 s2 的 PivotSheet, 是没有 tooltip 的, 需要自行实现排序菜单的 ui, 所以没有效果.

另外没太看懂的是, 都用 s2-react 了, 根本不需要 headerActionIcons 呀, 自带排序菜单, 内部已经封装好了, 你这个 demo 是基于 @antv/s2 的写法.

另外你确定这个不是 <SheetComponent sheetType="table" /> ?

[dyllike3892654]

你好，我在本地用的是透视表，SheetComponent sheetType="pivot" 刚渲染的时候不会显示排序的Icon，只有自定义加上headerActionIcons才能显示出来Icon，像图片中的这样，

[dyllike3892654]

加入headerActionIcons后，会显示tooltip排序，但是没有排序效果

[dyllike3892654]

麻烦看一下这个？

下面是在React 组件自适应中复现的代码，用的是s2-react的透视表组件,合并成一级的列头都没有排序图标，不显示tooltip提示行内排序，点击现有的排序功能也无法进行排序

// organize-imports-ignore
import React from 'react';
import { SheetComponent, SheetComponentOptions } from '@antv/s2-react';

fetch(
'https://gw.alipayobjects.com/os/bmw-prod/2a5dbbc8-d0a7-4d02-b7c9-34f6ca63cff6.json',
)
.then((res) => res.json())
.then((dataCfg) => {

const data = [
  {
    'measure-1': 13,
    'measure-2': 2,
    type: '家具',
    sub_type: '桌子',
  },
  {
    'measure-1': 11,
    'measure-2': 8,
    type: '家具',
    sub_type: '椅子',
  },
  {
    'measure-1': 21,
    'measure-2': 16,
    type: '家具',
    sub_type: '茶几',
  },
];

const s2DataConfig: S2DataConfig = {
  fields: {
    columns: [
      {
        field: 'a-1',
        title: '自定义节点 a-1',
        description: 'a-1 描述',
        children: [
          {
            field: 'a-1-1',
            title: '自定义节点 a-1-1',
            description: 'a-1-1 描述',
            children: [
              {
                field: 'measure-1',
                title: '指标 1',
                description: '指标 1 描述',
                children: [],
              },
              {
                field: 'measure-2',
                title: '指标 2',
                description: '指标 2 描述',
                children: [],
              },
            ],
          },
          {
            field: 'a-1-2',
            title: '自定义节点 a-1-2',
            description: 'a-1-2 描述',
            children: [],
          },
        ],
      },
      {
        field: 'a-2',
        title: '自定义节点 a-2',
        description: 'a-2 描述',
        children: [],
      },
    ],
    rows: ['type', 'sub_type'],
    values: ['measure-1', 'measure-2'],
    valueInCols: true,
  },
  data,
  // 自定义节点默认使用 `title` 作为展示名, 也可以通过 meta 来统一进行格式化
  meta: [
    {
      field: 'type',
      formatter: (value) => '商品类别',
    },
    {
      field: 'sub_type',
      formatter: (value) => '商品子类别',
    },
    {
      field: 'a-1',
      name: '角头1',
    },
    {
      field: 'a-1-1',
      name: '角头2',
    },
    // 自定义格式化数值
    // {
    //   field: 'measure-1',
    //   formatter: (value, record, meta) => `指标: ${value}`,
    // },
  ],
};

const s2Options: S2Options = {
  width: 600,
  height: 480,
  hierarchyType: 'grid',
};
reactDOMClient.createRoot(document.getElementById('container')).render(
  <SheetComponent
    dataCfg={s2DataConfig}
    options={s2Options}
    adaptive={{
      width: true,
      height: false,
      getContainer: () => document.getElementById('container'),
    }}
  />,
);

});

[dyllike3892654]

你好，我确定是透视表，使用的是react组件&nbsp;&nbsp;&nbsp;<SheetComponent sheetType="pivot" ，如果在columns使用children合并两个列头，会不显示排序按钮，子节点有排序按钮，但是都不能排序 ♂糖的哀伤♀ ***@***.*** &nbsp;

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人: "antvis/S2" ***@***.***&gt;; 发送时间:&nbsp;2024年9月10日(星期二) 下午5:43 ***@***.***&gt;; ***@***.******@***.***&gt;; 主题:&nbsp;Re: [antvis/S2] 🤔透视表：自定义列头；合并列头排序没有效果 (Issue #2889) 你使用的是 s2-react, 所以应该用 <SheetComponent /&gt;, 这样才会渲染排序菜单, 而你提供的 demo 是用的 s2 的 PivotSheet, 是没有 tooltip 的, 所以没有效果. image.png (view on web) 另外没太看懂的是, 都用 s2-react 了, 根本不需要 headerActionIcons 呀, 自带排序菜单, 内部已经封装好了, 你这个 demo 是基于 @antv/s2 的写法. 另外你确定这个不是 <SheetComponent sheetType="table" /&gt; ? image.png (view on web) — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***&gt;