定义表列属性的组件。

属性#

align#

表格单元格内容的水平对齐方式。

类型: enum('left'|'center'|'right')

fixed#

控制在X轴上滚动时列是否固定。

类型:bool 默认值:false

fixedRight#

控制在X轴上滚动时列是否固定在表格的右侧。

类型:bool 默认值:false

header#

此列的标题单元格。它可以是字符串React元素,也可以是生成React元素的函数。传递字符串将使用该字符串呈现默认的标头单元格。默认情况下,传入的React元素可以预期收到以下属性:

props: {
columnKey: string // (of the column, if given)
height: number // (supplied from the Table or rowHeightGetter)
width: number // (supplied from the Column)
}

因为您要传递自己的React元素,所以可以随意传递您可能需要的任何属性。

如果传递函数,您将收到与第一个参数相同的props对象。

类型: union(node|func)

cell#

这是将为此列克隆的身体细胞。它可以是字符串React元素,也可以是生成React元素的函数。传递字符串将使用该字符串呈现默认的标头单元格。默认情况下,传入的React元素可以预期收到以下属性:

props: {
rowIndex; number // (the row index of the cell)
columnKey: string // (of the column, if given)
height: number // (supplied from the Table or rowHeightGetter)
width: number // (supplied from the Column)
}

因为您要传递自己的React元素,所以可以随意传递您可能需要的任何属性。

如果传递函数,您将收到与第一个参数相同的props对象。

类型: union(node|func)

footer#

这是此列的表尾单元格。它可以是字符串React元素,也可以是生成React元素的函数。传递字符串将使用该字符串呈现默认的标头单元格。默认情况下,传入的React元素可以预期收到以下属性:

props: {
columnKey: string // (of the column, if given)
height: number // (supplied from the Table or rowHeightGetter)
width: number // (supplied from the Column)
}

因为您要传递自己的React元素,所以可以随意传递您可能需要的任何属性。

如果传递函数,您将收到与第一个参数相同的props对象。

类型: union(node|func)

columnKey#

这用于唯一地标识列,除非您调整了列的大小,否则它不是必需的。这将是onColumnResizeEndCallback表中给出的键 。

类型: union(string|number)

width (需要)#

列的像素宽度。

类型: number

minWidth#

如果这是可调整大小的列,则这是其最小像素宽度。

类型: number

maxWidth#

如果这是可调整大小的列,则这是其最大像素宽度。

类型: number

flexGrow#

相对于其他列的增长因子。与http://www.w3.org/TR/css3-flexbox/中的flex-grow API相同。基本上,采用任何可用的额外宽度,并根据所有列的flexGrow值按比例分配它。默认为零(不弯曲)。

类型: number

isResizable#

列是否可以调整大小。请注意,如果一列具有弹性增长,则一旦您调整该列的大小,它将被设置为0

此属性仅提供调整列大小的UI。如果将其设置为true,则需要设置onColumnResizeEndCallback表属性并适当地呈现列。

类型: bool

isReorderable#

是否可以拖动列以重新排序。

类型: bool

allowCellsRecycling#

由于水平滚动,在视口之外时是否可以从文档中删除此列中的单元格。将此属性设置为true可使表不呈现可见行视口之外的特定列中的单元格。这允许创建具有许多列的表,并且没有垂直滚动性能下降。将该属性设置为false将保留以前的行为,并且如果可见该单元格所在的行,则使单元格呈现。

类型:bool 默认值:false

pureRendering#

标记以在渲染时启用性能检查。如果在prop中传递的组件均未更改,则停止渲染组件

类型: bool