logo

S2

  • 使用文档
  • API 文档
  • 图表示例
  • 在线体验
  • 更新日志
  • 所有产品antv logo arrow
  • 2.x
  • 简介
  • 快速上手
  • 基础教程
    • 基本概念
      Updated
    • 表形态
      • 透视表
        Updated
      • 明细表
        Updated
    • 字段标记
      Updated
    • 小计总计
    • 排序
      • 基础排序
        Updated
      • 组内排序
        Updated
    • 主题配置
      Updated
    • Tooltip
      Updated
    • 数据格式化
      New
    • 多行文本
      New
    • 国际化
    • 分页
      New
  • 进阶教程
    • 单元格渲染类型
      • 链接
      • 图片
        New
      • 视频
        New
      • 迷你图表
      • 结合@antv/g2
      • 自定义渲染
    • 自定义
      • 自定义 Hook
        Updated
      • 自定义行列头分组
        New
      • 自定义 Icon
        Updated
      • 自定义单元格对齐方式
        Updated
      • 自定义单元格宽高
        Updated
      • 自定义排序操作
        Updated
      • 自定义折叠/展开节点
        New
    • 交互
      • 基础交互
        Updated
      • 自定义交互
      • 隐藏列头
        Updated
      • 行列宽高调整
        Updated
      • 合并单元格
      • 滚动
        Updated
      • 复制与导出
        New
      • 高亮/选中单元格
        New
    • 分析组件
      • 简介
        New
      • 高级排序
        Updated
      • 维度切换
        Updated
      • 导出
        Updated
      • 分页
        Updated
      • 维度下钻
        Updated
    • 表格组件
      • 编辑表
      • 趋势分析表
        Updated
    • 高清适配
      Updated
    • 获取表格实例
    • 表格自适应
    • 获取单元格数据
      Updated
    • 注册 AntV/G 插件
      New
    • 透视组合图
      Experimental
    • Vue 3.0 组件 (停止维护)
  • 扩展阅读
    • 数据流处理
      • 透视表
      • 明细表
    • 布局流程
      • 透视表
      • 明细表
    • 性能介绍
      Updated
  • 贡献指南
  • 常见问题
  • S2 2.0 升级指南

自定义 Hook

上一篇
自定义渲染
下一篇
自定义行列头分组

Resources

Ant Design
Galacea Effects
Umi-React 应用开发框架
Dumi-组件/文档研发工具
ahooks-React Hooks 库

社区

体验科技专栏
seeconfSEE Conf-蚂蚁体验科技大会

帮助

GitHub
StackOverflow

more products更多产品

Ant DesignAnt Design-企业级 UI 设计语言
yuque语雀-知识创作与分享工具
EggEgg-企业级 Node 开发框架
kitchenKitchen-Sketch 工具集
GalaceanGalacean-互动图形解决方案
xtech蚂蚁体验科技
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

S2 默认提供丰富的功能配置,除此之外,也提供丰富的 自定义 Hook 允许开发者重写表格的所有元素,你可以根据产品需要对某些元素进行自定义,比如角头、列头、行头、单元格、行头顺序、单元格位置、单元格宽高、图标、数据集、分面、序号等。如果需要,完全可以重写一个属于你的透视表或明细表!

layoutArrange

可手动设置行、列顺序,适用于局部调整,非规则调整。比如指定某行在行首、指定某列在列尾。查看示例

layoutCoordinate

用于改变行、列叶子节点的坐标(x、y)。查看示例

layoutCellMeta

动态改变单元格的元数据,修订某些单元格的数值。查看示例

layoutHierarchy

手动控制行列结构的增加、删除的特殊场景。查看示例

layoutSeriesNumberNodes

自定义序号列节点,比如如将序号 1,2,3 转换成 a,b,c 查看示例

facet

自定义分面。查看示例

placeholder

自定义单元格占位符,比如展示加密数据,空数据占位符。查看示例

headerActionIcons

设置行头,列头,角头的图标,比如字段的趋势弹窗,字段的下钻,筛选等。查看 文档 和 示例

customSVGIcons

自定义图标,当 S2 提供的图标不满足需求时,开发者可以自己定义图标,用于透视表上的图标展示。查看 文档 和 示例

dataCell

改变数据单元格的默认实现,透视表 需要继承自 DataCell,明细表 需要继承自 TableDataCell, 重写某些方法,比如字体样式、背景样式等。查看示例

rowCell

改变行头单元格的默认实现,需要继承自 RowCell,重写某些方法,比如字体样式、背景样式等。查看示例

colCell

改变列头单元格的默认实现,透视表 需要继承自 ColCell,明细表 需要继承自 TableColCell, 重写某些方法,比如字体样式、背景样式等。查看示例

cornerCell

改变角头单元格的默认实现,透视表 需要继承自 CornerCell,明细表 需要继承自 TableCornerCell, 重写某些方法,比如字体样式、背景样式等。查看示例

seriesNumberCell

改变序号单元格的默认实现,透视表 需要继承自 SeriesNumberCell,明细表 需要继承自 TableSeriesNumberCell, 重写某些方法,比如字体样式、背景样式等。查看示例

mergedCell

改变合并单元格的默认实现,需要继承自 MergedCell, 重写某些方法,比如字体样式、背景样式等。查看示例

cornerHeader

改变角头的默认实现,需要继承自 Group,重写某些方法,比如渲染内容更换等。查看示例

frame

修改框架的默认实现,比如修改分割线、阴影、滚动条等。查看示例

dataset

自定义数据集,比如数据的展示方式,取数逻辑等。查看示例

style

自定义单元格宽高,比如给特定某一行/列设置宽高,精确到某一类维度或维值,又或者所有单元格。查看 文档 和 示例

tooltip

自定义单元格提示信息,比如展示数据对应行列维值,汇总信息等。查看示例