logo

S2

  • 使用文档
  • API 文档
  • 图表示例
  • 在线体验
  • 更新日志
  • 所有产品antv logo arrow
  • 2.x

占比表

  • 分群下钻表

  • 单人群占比表

对比表

  • 指标对比表

  • 多人群对比表

  • 想如何度过一天

  • 哲学家的观点

KPI 趋势表

  • KPI 趋势表

  • 四川疫情趋势表

数据预览表格

  • 数据预览表

  • 如何用 S2 买房

  • 编辑模式

💡灵光乍现

  • 马赛克

  • 想如何度过一天 (抽象版)

  • new

    消失的文字 (交互小游戏)

性能对比表

  • 性能对比表

  • 100w条数据性能表现-透视表

  • 100w条数据性能表现-明细表

基础透视表

  • 平铺模式

  • 树状模式

基础明细表

  • 明细表模式

默认布局

  • 行列等宽布局 (默认)

  • 紧凑布局

  • 列等宽布局

行列冻结

  • new

    明细表 - 行列冻结

  • new

    透视表 - 行头冻结

  • new

    透视表 - 平铺模式冻结

  • new

    透视表 - 树状模式冻结

  • new

    透视表 - 序号列冻结

自定义行列头分组

  • new

    透视表-自定义行头

  • new

    透视表-自定义列头

  • new

    明细表-自定义列头

  • new

    自定义目录树

自适应布局

  • 窗口自适应

  • 容器自适应

  • React 组件自适应

自定义布局 / 行列宽高

  • new

    自定义透视表行列宽高

  • new

    自定义明细表行列宽高

  • new

    自定义行列单元格宽度

  • new

    自定义树状结构行头宽度

  • new

    自定义树状结构折叠/展开节点

  • new

    隐藏明细表列头

  • new

    隐藏透视表列头

  • 数值挂列头时隐藏数值

  • 只显示行头

多行文本

  • new

    透视表 - 文本自动换行

  • new

    明细表 - 文本自动换行

  • new

    根据换行符换行

主题

  • 默认

  • 多彩蓝

  • 简约灰

  • new

    暗黑

自定义主题

  • 主题色自动生成色板

  • 自定义色板

  • 自助色板调色

  • 自定义 schema

  • 透明背景

  • new

    自定义滚动条

基础交互

  • 行列联动高亮

  • 数值单元格单选/多选

  • 行列头单选/多选

  • new

    角头多选

  • 区间多选

  • 圈选

  • 行列头圈选

  • 行列宽高调整

  • new

    行列宽高批量调整

  • new

    自动重置交互状态

  • 滚动后自动触发悬停状态

  • new

    选中单元格联动高亮

  • new

    键盘方向键移动选中单元格

  • new

    复制与导出

  • new

    交互主题配置

  • new

    交互事件监听和 API

高级交互

  • 行头默认层级展开 - 透视表

  • 链接跳转 - 透视表

  • 链接跳转 - 明细表

  • new

    链接跳转 - 自定义

  • 链接跳转 - 自定义目录树

  • 隐藏列头 - 透视表

  • 隐藏列头 - 明细表

  • 自定义滚动速度

  • 自定义行列宽度调整热区

  • 自定义行列宽度调整规则

  • 合并单元格

  • 滚动至指定单元格

  • 循环滚动

  • 关闭浏览器默认边界滚动行为

  • new

    屏蔽交互事件

自定义交互

  • 双击列头隐藏

  • 行列头悬停显示 tooltip

  • new

    禁用右键菜单

小计总计

  • 单度量值

  • 多度量值

  • 行总计小计按维度分组

  • 列总计小计按维度分组

  • 树状模式

  • 配置计算汇总值

  • 自定义计算汇总值

表格排序

  • 明细表排序

  • 根据升/降序方法排序

  • 根据维度列表排序

  • 根据度量值排序

  • 根据汇总值排序

  • 根据自定义方法排序

  • 组内排序

  • new

    组内排序 (在 @antv/s2 中使用)

  • 高级排序

字段标记

  • new

    文本标记

  • 背景标记

  • 图标标记

  • 柱状图标记

  • new

    图标标记混合自定义 Action Icons

  • 色块图

  • 渐变柱状图

  • 双向柱状图

  • 混合字段标记

  • new

    开启文字智能反色

  • new

    区分行列角头和数据单元格

  • new

    明细表文本标记

获取单元格数据

  • new

    获取单元格数据

  • new

    获取单个单元格数据

  • new

    获取多个单元格数据

分页组件

  • 透视表分页

  • 明细表分页

表格组件

  • 透视表组件

  • 明细表组件

  • 编辑表

  • 趋势分析表组件

  • new

    mini 图表组件

  • new

    在单元格内绘制 AntV/G2 图表

下钻组件

  • 维度下钻组件

  • 透视表维度下钻组件

Tooltip 组件

  • 基本展示

  • 操作项

  • 自定义操作项

  • new

    自定义 Tooltip 内容 (在 @antv/s2 中使用)

  • 自定义 Tooltip 内容

  • 自定义 Tooltip

  • 重写展示方法

  • 自定义点击显示 Tooltip

  • 自定义悬停显示 Tooltip

  • Tooltip 中显示字段描述

导出组件

  • 导出组件

  • 在趋势分析表中使用

维度切换组件

  • 维度切换组件

  • 透视表维度切换

  • 透视表子维度切换

  • 明细表维度切换

自定义布局

  • 自定义行列顺序

  • 自定义行列坐标

  • new

    自定义单元格元数据

  • 自定义层级结构

  • 自定义指标维度层级顺序

  • new

    自定义分面

自定义图标

  • 自定义 SVG 图标

  • 自定义行列头操作图标

  • 自定义数值单元格图标

  • 自定义展示条件

  • new

    自定义树状模式展开收起图标

自定义单元格

  • 自定义数据单元格

  • 自定义行头单元格

  • 自定义列头单元格

  • 自定义角头单元格

  • 自定义角头

  • new

    自定义序号单元格

  • 自定义小计/总计单元格

  • 自定义特定单元格

  • 自定义合并单元格

  • 自定义明细表单元格

  • new

    自定义 mini 图

  • new

    自定义单元格空数据占位符

  • new

    自定义明细表空数据占位符

自定义排序功能

  • 自定义排序功能

  • 自定义排序功能 (在 @antv/s2 中使用)

自定义数据集

  • new

    自定义趋势分析表数据集

自定义 AntV/G 插件和配置

  • new

    无障碍功能

  • new

    手绘风格

自定义单元格渲染类型

  • new

    图片

  • new

    视频

在单元格内绘制自定义图形和图表

  • new

    在单元格内绘制 AntV/G 图形

  • new

    在单元格内绘制 AntV/G2 图表

  • new

    透视组合图

  • new

    透视组合图 - 极坐标系

  • new

    透视组合图 - 自定义 spec

  • new

    透视组合图 - 自定义 cell

  • new

    树状模式连接线

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
  • 场景案例
    • 占比表
    • 对比表
    • KPI 趋势表
    • 数据预览表格
    • 💡灵光乍现
    • 性能对比表
  • 表格形态
    • 基础透视表
    • 基础明细表
  • 布局
    • 默认布局
    • 行列冻结
    • 自定义行列头分组
    • 自适应布局
    • 自定义布局 / 行列宽高
    • 多行文本
  • 表格主题
    • 主题
    • 自定义主题
  • 表格交互
    • 基础交互
    • 高级交互
    • 自定义交互
  • 分析能力
    • 小计总计
    • 表格排序
    • 字段标记
    • 获取单元格数据
  • React 组件
    • 分页组件
    • 表格组件
    • 下钻组件
    • Tooltip 组件
    • 导出组件
    • 维度切换组件
  • 自定义
    • 自定义布局
    • 自定义图标
    • 自定义单元格
    • 自定义排序功能
    • 自定义数据集
    • 自定义 AntV/G 插件和配置
    • 自定义单元格渲染类型
    • 在单元格内绘制自定义图形和图表