logo

S2

  • 使用文档
  • API 文档
  • 图表示例
  • 在线体验
  • 更新日志
  • 所有产品antv logo arrow
  • 2.x
  • 基础配置项
    • S2DataConfig
    • S2Options
      Updated
    • S2Theme
      Updated
    • S2Event
      Updated
  • 基础类
    • SpreadSheet
      Updated
    • Interaction
      Updated
    • Store
    • BaseCell
      Updated
    • BaseDataSet
      Updated
    • Node
    • BaseTooltip
    • BaseFacet
      Updated
    • Hierarchy
      New
    • BaseBBox
      New
    • CellData
      New
  • 分析组件
    • 表组件
      Updated
    • 维度下钻
      Updated
    • 维度切换组件
      Updated
    • 高级排序
      Updated
    • 导出
      Updated
  • 绘图属性
  • 透视组合图拓展 S2Options

BaseFacet

上一篇
BaseTooltip
下一篇
Hierarchy

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.facet.getRealWidth()
参数说明类型版本
spreadsheet表格实例SpreadSheet
cornerBBox角头区域包围盒BBox
panelBBox数值区域包围盒BBox
backgroundGroup背景区域Group
panelGroup数值区域Group
foregroundGroup前景区域Group
getLayoutResult获取布局信息 (角头,序号,行头,列头)() => LayoutResult
viewCellWidths单元格宽度信息number[]
hScrollBar数值区域水平滚动条() => Group
hRowScrollBar行头区域水平滚动条() => Group
vScrollBar数值区域垂直滚动条() => Group
rowHeader行头BaseHeaderConfig
columnHeader列头BaseHeaderConfig
cornerHeader角头BaseHeaderConfig
seriesNumberHeader序号BaseHeaderConfig
centerFrame框架Group
gridInfo网格信息GridInfo
getViewCellHeights获取单元格高度信息() => ViewCellHeights
scrollBarTheme滚动条主题ScrollBarTheme
scrollBarSize滚动条大小number
hideScrollBar隐藏滚动条() => void
delayHideScrollBar延迟隐藏滚动条 (1s 后)() => void
delayHideScrollbarOnMobile移动端时,延迟隐藏滚动条 (1s 后)() => void
showVerticalScrollBar显示垂直滚动条() => void
showHorizontalScrollBar显示水平滚动条() => void
render渲染() => void
getSeriesNumberWidth获取序号宽度() => number
getContentWidth获取当前表格实际内容宽度() => number
getContentHeight获取当前表格实际内容高度() => number
getPaginationScrollYx() => number
updateScrollOffset滚动(offsetConfig: ScrollOffsetConfig) => void
scrollWithAnimation滚动 (带缓动动画)(offsetConfig: ScrollOffsetConfig, duration?: number, callback?: () => void) => void
scrollImmediately滚动 (无动画)(offsetConfig: ScrollOffsetConfig) => void
destroy卸载() => void
getScrollOffset获取当前滚动偏移() => ScrollOffset
setScrollOffset设置当前滚动偏移(scrollOffset: ScrollOffset) => void
resetScrollOffset重置当前滚动偏移() => void
resetScrollX重置水平滚动偏移() => void
resetScrollY重置垂直滚动偏移() => void
resetRowScrollX重置行头水平滚动偏移() => void
emitPaginationEvent触发分页事件() => void
clipPanelGroup裁剪数值区域 Group() => void
getRealWidth获取实际渲染的宽度() => number
getRealHeight获取实际渲染的高度() => number
clearAllGroup清空所有 Group() => void
isScrollOverThePanelArea是否在数值区域滚动(cellScrollOffset: CellScrollOffset) => boolean
isScrollOverTheCornerArea是否在角头区域滚动(cellScrollOffset: CellScrollOffset) => boolean
isScrollToLeft是否滚动到了最左边(cellScrollOffset: CellScrollOffset) => boolean
isScrollToRight是否滚动到了最右边(cellScrollOffset: CellScrollOffset) => boolean
isScrollToTop是否滚动到了顶部(deltaY: number) => boolean
isScrollToBottom是否滚动到了底部(deltaY: number) => boolean
isVerticalScrollOverTheViewport是否在数值单元格区域垂直滚动(deltaY: number) => boolean
isHorizontalScrollOverTheViewport是否在数值单元格区域水平滚动(scrollOffset: CellScrollOffset) => boolean
isScrollOverTheViewport是否在数值单元格区域滚动(cellScrollOffset: CellScrollOffset) => boolean
cancelScrollFrame取消当前滚动帧() => void
clearScrollFrameIdOnMobile取消当前滚动帧 (移动端)() => void
addCell添加单元格(cell: BaseCell) => void
drawGrid绘制网格() => void
getCanvasSize获取画布宽高{width: number, height: number}
backgroundGroup背景颜色区域 groupGroup
foregroundGroup背景颜色区域 groupGroup
panelGroup可视范围单元格区域 groupGroup
panelScrollGroup可视范围单元格滚动区域 groupGroup
frozenRowGroup行头冻结区域 groupGroup
frozenColGroup列头冻结区域 groupGroup
frozenTrailingRowGroup行头底部冻结区域 groupGroup
frozenTrailingColGroup列头底部冻结区域 groupGroup
frozenTopGroup顶部冻结区域 groupGroup
frozenBottomGroup底部冻结区域 groupGroup
getHiddenColumnsInfo匹配当前节点是否是隐藏节点,如果是,则返回该节点隐藏信息(node: Node) => HiddenColumnsInfo | null
getHeaderNodes获取表头节点 (角头,序号,行头,列头) (含可视区域)(ids?: string[]) => Node[]
getSeriesNumberNodes获取序号节点() => Node[]
getCornerNodes获取角头节点() => Node[]1.40.0
getRowNodes获取行头节点(level?: number) => Node[]
getRowNodeById根据 id 获取单个行头节点(id: string) => Node
getRowNodeByIndex根据行头索引获取指定列头节点(rowIndex: number) => Node
getRowNodesByField根据 field 获取行头节点(field: string) => Node[]
getRowLeafNodes获取行头单元格叶子节点() => Node[]
getRowLeafNodeByIndex根据行头索引获取指定列头叶子节点() => Node[]
getRowTotalsNodes获取行头汇总单元格节点(level?; number) => Node[]
getRowSubTotalsNodes获取行头小计单元格节点(level?; number) => Node[]
getRowGrandTotalsNodes获取行头总计单元格节点(level?: number) => Node[]
getColNodes获取列头节点(level?: number) => Node[]
getColNodeById根据 id 获取单个列头节点(id: string) => Node
getColNodeByIndex根据行头索引获取指定列头节点(colIndex: number) => Node
getColNodesByField根据 field 获取列节点(field: string) => Node[]
getColLeafNodes获取列头单元格叶子节点() => Node[]
getColLeafNodeByIndex根据列头索引获取指定列头叶子节点() => Node[]
getColTotalsNodes获取列头汇总单元格节点(level?; number) => Node[]
getColSubTotalsNodes获取列头小计单元格节点(level?; number) => Node[]
getColGrandTotalsNodes获取列头总计单元格节点(level?: number) => Node[]
getDataCells获取数值单元格 (不含可视区域)() => DataCell[]
getRowCells获取行头单元格 (不含可视区域)() => RowCell[]
getRowLeafCells获取行头叶子节点单元格 (不含可视区域)() => RowCell[]
getColCells获取列头单元格 (不含可视区域)() => ColCell[]
getColCells获取列头叶子节点单元格 (不含可视区域)() => ColCell[]
getMergedCells获取合并单元格 (不含可视区域)() => MergedCell[]
getCornerCells获取角头单元格 (不含可视区域)() => CornerCell[]
getSeriesNumberCells获取序号单元格 (不含可视区域)() => SeriesNumberCell[]
getHeaderCells获取表头单元格 (序号,角头,行头,列头) (不含可视区域)(cellIds?: string[]) => S2CellType[]
getCellById根据单元格 id 获取指定单元格 (不含可视区域)(id: string) => S2CellType[]
getCellsByField根据单元格 field 获取指定单元格 (不含可视区域)(field: string) => S2CellType[]
getCells获取所有单元格 (角头,行头,列头,数值) (不含可视区域)(ids: string[]) => S2CellType[]
getInitColLeafNodes获取初始化时的记录的列头叶子节点() => Node[]
clearInitColLeafNodes清楚初始化时的记录的列头叶子节点() => void
getCellMeta根据行列索引获取数值单元格信息(rowIndex: number, colIndex: number) => ViewMeta

CellScrollOffset

export interface CellScrollOffset {
deltaX?: number;
deltaY?: number;
offset?: number;
offsetX: number;
offsetY: number;
}

LayoutResult

export interface LayoutResult {
colNodes: Node[];
colsHierarchy: Hierarchy;
rowNodes: Node[];
rowsHierarchy: Hierarchy;
rowLeafNodes: Node[];
colLeafNodes: Node[];
}

BaseHeaderConfig

export interface BaseHeaderConfig {
scrollX?: number;
scrollY?: number;
width: number;
height: number;
originalWidth?: number;
originalHeight?: number;
viewportWidth: number;
viewportHeight: number;
position: Point;
data: Node[];
spreadsheet: SpreadSheet;
sortParam?: SortParam;
}

GridInfo

export interface GridInfo {
cols: number[];
rows: number[];
}

ViewCellHeights

export interface ViewCellHeights {
getCellOffsetY: (index: number) => number;
getTotalHeight: () => number;
getTotalLength: () => number;
getIndexRange: (
minHeight: number,
maxHeight: number,
) => {
start: number;
end: number;
};
}

ScrollOffsetConfig

export interface ScrollOffsetConfig {
skipScrollEvent?: boolean;
rowHeaderOffsetX?: {
value: number | undefined;
animate?: boolean;
};
offsetX?: {
value: number | undefined;
animate?: boolean;
};
offsetY?: {
value: number | undefined;
animate?: boolean;
};
}

ScrollOffset

export interface ScrollOffset {
scrollX?: number;
scrollY?: number;
rowHeaderScrollX?: number;
}