enableColumnPinning
onColumnPinningChange
enablePinning
setColumnPinning
resetColumnPinning
getIsSomeColumnsPinned
getLeftHeaderGroups
getCenterHeaderGroups
getRightHeaderGroups
getLeftFooterGroups
getCenterFooterGroups
getRightFooterGroups
getLeftFlatHeaders
getCenterFlatHeaders
getRightFlatHeaders
getLeftLeafHeaders
getCenterLeafHeaders
getRightLeafHeaders
getLeftLeafColumns
getRightLeafColumns
getCenterLeafColumns
getCanPin
getPinnedIndex
getIsPinned
pin
getLeftVisibleCells
getRightVisibleCells
getCenterVisibleCells
列是否可被固定取决于以下条件:
固定状态通过以下结构存储在表格中:
export type ColumnPinningPosition = false | 'left' | 'right'
export type ColumnPinningState = {
left?: string[]
right?: string[]
}
export type ColumnPinningTableState = {
columnPinning: ColumnPinningState
}
export type ColumnPinningPosition = false | 'left' | 'right'
export type ColumnPinningState = {
left?: string[]
right?: string[]
}
export type ColumnPinningTableState = {
columnPinning: ColumnPinningState
}
enableColumnPinning?: boolean
enableColumnPinning?: boolean
启用/禁用表格中所有列的固定功能。
onColumnPinningChange?: OnChangeFn<ColumnPinningState>
onColumnPinningChange?: OnChangeFn<ColumnPinningState>
如果提供,当 state.columnPinning 发生变化时,此函数会接收一个 updaterFn 被调用。这将覆盖默认的内部状态管理,因此您需要从自行管理的状态中提供 state.columnPinning。
enablePinning?: boolean
enablePinning?: boolean
启用/禁用该列的固定功能。
setColumnPinning: (updater: Updater<ColumnPinningState>) => void
setColumnPinning: (updater: Updater<ColumnPinningState>) => void
设置或更新 state.columnPinning 状态。
resetColumnPinning: (defaultState?: boolean) => void
resetColumnPinning: (defaultState?: boolean) => void
将 columnPinning 状态重置为 initialState.columnPinning,或传入 true 强制重置为默认空状态 { left: [], right: [], }。
getIsSomeColumnsPinned: (position?: ColumnPinningPosition) => boolean
getIsSomeColumnsPinned: (position?: ColumnPinningPosition) => boolean
返回是否有任何列被固定。可指定仅检查 left 或 right 位置的固定列。
注意:不考虑列的可见性
getLeftHeaderGroups: () => HeaderGroup<TData>[]
getLeftHeaderGroups: () => HeaderGroup<TData>[]
返回表格中左侧固定的表头组。
getCenterHeaderGroups: () => HeaderGroup<TData>[]
getCenterHeaderGroups: () => HeaderGroup<TData>[]
返回表格中未固定/居中的表头组。
getRightHeaderGroups: () => HeaderGroup<TData>[]
getRightHeaderGroups: () => HeaderGroup<TData>[]
返回表格中右侧固定的表头组。
getLeftFooterGroups: () => HeaderGroup<TData>[]
getLeftFooterGroups: () => HeaderGroup<TData>[]
返回表格中左侧固定的表尾组。
getCenterFooterGroups: () => HeaderGroup<TData>[]
getCenterFooterGroups: () => HeaderGroup<TData>[]
返回表格中未固定/居中的表尾组。
getRightFooterGroups: () => HeaderGroup<TData>[]
getRightFooterGroups: () => HeaderGroup<TData>[]
返回表格中右侧固定的表尾组。
getLeftFlatHeaders: () => Header<TData>[]
getLeftFlatHeaders: () => Header<TData>[]
返回表格中左侧固定的平铺表头数组,包括父表头。
getCenterFlatHeaders: () => Header<TData>[]
getCenterFlatHeaders: () => Header<TData>[]
返回表格中未固定/居中的平铺表头数组,包括父表头。
getRightFlatHeaders: () => Header<TData>[]
getRightFlatHeaders: () => Header<TData>[]
返回表格中右侧固定的平铺表头数组,包括父表头。
getLeftLeafHeaders: () => Header<TData>[]
getLeftLeafHeaders: () => Header<TData>[]
返回表格中左侧固定的叶子节点表头平铺数组。
getCenterLeafHeaders: () => Header<TData>[]
getCenterLeafHeaders: () => Header<TData>[]
返回表格中未固定/居中的叶子节点表头平铺数组。
getRightLeafHeaders: () => Header<TData>[]
getRightLeafHeaders: () => Header<TData>[]
返回表格中右侧固定的叶子节点表头平铺数组。
getLeftLeafColumns: () => Column<TData>[]
getLeftLeafColumns: () => Column<TData>[]
返回所有左侧固定的叶子列。
getRightLeafColumns: () => Column<TData>[]
getRightLeafColumns: () => Column<TData>[]
返回所有右侧固定的叶子列。
getCenterLeafColumns: () => Column<TData>[]
getCenterLeafColumns: () => Column<TData>[]
返回所有居中固定(未固定)的叶子列。
getCanPin: () => boolean
getCanPin: () => boolean
返回该列是否可被固定。
getPinnedIndex: () => number
getPinnedIndex: () => number
返回列在固定列组中的数字索引。
getIsPinned: () => ColumnPinningPosition
getIsPinned: () => ColumnPinningPosition
返回列的固定位置。('left'、'right' 或 false)
pin: (position: ColumnPinningPosition) => void
pin: (position: ColumnPinningPosition) => void
将列固定到 'left' 或 'right',或传入 false 取消固定到居中位置。
getLeftVisibleCells: () => Cell<TData>[]
getLeftVisibleCells: () => Cell<TData>[]
返回行中所有左侧固定的叶子单元格。
getRightVisibleCells: () => Cell<TData>[]
getRightVisibleCells: () => Cell<TData>[]
返回行中所有右侧固定的叶子单元格。
getCenterVisibleCells: () => Cell<TData>[]
getCenterVisibleCells: () => Cell<TData>[]
返回行中所有居中固定(未固定)的叶子单元格。
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.