enableHiding
getCanHide
getIsVisible
toggleVisibility
getToggleVisibilityHandler
onColumnVisibilityChange
enableHiding
getVisibleFlatColumns
getVisibleLeafColumns
getLeftVisibleLeafColumns
getRightVisibleLeafColumns
getCenterVisibleLeafColumns
setColumnVisibility
resetColumnVisibility
toggleAllColumnsVisible
getIsAllColumnsVisible
getIsSomeColumnsVisible
getToggleAllColumnsVisibilityHandler
getVisibleCells
列可见性状态存储在表格上,使用以下形状
export type VisibilityState = Record<string, boolean>
export type VisibilityTableState = {
columnVisibility: VisibilityState
}
export type VisibilityState = Record<string, boolean>
export type VisibilityTableState = {
columnVisibility: VisibilityState
}
enableHiding?: boolean
enableHiding?: boolean
启用/禁用隐藏列
getCanHide: () => boolean
getCanHide: () => boolean
返回列是否可以被隐藏
getIsVisible: () => boolean
getIsVisible: () => boolean
返回列是否可见
toggleVisibility: (value?: boolean) => void
toggleVisibility: (value?: boolean) => void
切换列的可见性
getToggleVisibilityHandler: () => (event: unknown) => void
getToggleVisibilityHandler: () => (event: unknown) => void
返回一个可用于切换列可见性的函数。此函数可以绑定到复选框的事件处理程序。
onColumnVisibilityChange?: OnChangeFn<VisibilityState>
onColumnVisibilityChange?: OnChangeFn<VisibilityState>
如果提供,当 state.columnVisibility 更改时,将使用 updaterFn 调用此函数。 这将覆盖默认的内部状态管理,因此您需要完全或部分地在表格外部持久化状态更改。
enableHiding?: boolean
enableHiding?: boolean
启用/禁用列的隐藏。
getVisibleFlatColumns: () => Column<TData>[]
getVisibleFlatColumns: () => Column<TData>[]
返回可见列的扁平数组,包括父列。
getVisibleLeafColumns: () => Column<TData>[]
getVisibleLeafColumns: () => Column<TData>[]
返回可见的叶节点列的扁平数组。
getLeftVisibleLeafColumns: () => Column<TData>[]
getLeftVisibleLeafColumns: () => Column<TData>[]
如果列固定,则返回在表格左侧部分可见的叶节点列的扁平数组。
getRightVisibleLeafColumns: () => Column<TData>[]
getRightVisibleLeafColumns: () => Column<TData>[]
如果列固定,则返回在表格右侧部分可见的叶节点列的扁平数组。
getCenterVisibleLeafColumns: () => Column<TData>[]
getCenterVisibleLeafColumns: () => Column<TData>[]
如果列固定,则返回在表格未固定/中心部分可见的叶节点列的扁平数组。
setColumnVisibility: (updater: Updater<VisibilityState>) => void
setColumnVisibility: (updater: Updater<VisibilityState>) => void
通过更新器函数或值更新列可见性状态
resetColumnVisibility: (defaultState?: boolean) => void
resetColumnVisibility: (defaultState?: boolean) => void
将列可见性状态重置为初始状态。如果提供了 defaultState,则状态将重置为 {}
toggleAllColumnsVisible: (value?: boolean) => void
toggleAllColumnsVisible: (value?: boolean) => void
切换所有列的可见性
getIsAllColumnsVisible: () => boolean
getIsAllColumnsVisible: () => boolean
返回是否所有列都可见
getIsSomeColumnsVisible: () => boolean
getIsSomeColumnsVisible: () => boolean
返回是否某些列可见
getToggleAllColumnsVisibilityHandler: () => ((event: unknown) => void)
getToggleAllColumnsVisibilityHandler: () => ((event: unknown) => void)
返回用于切换所有列可见性的处理程序,旨在绑定到 input[type=checkbox] 元素。
getVisibleCells: () => Cell<TData>[]
getVisibleCells: () => Cell<TData>[]
返回考虑了行中列可见性的单元格数组。
您每周的 JavaScript 新闻。每周一免费发送给超过 10 万名开发者。