如何更改详细信息列表中标题单元格的字体大小和填充。我正在使用 onRenderDetailsHeader
属性来自定义标题渲染。
private renderDetailsHeader = (detailsHeaderProps: IDetailsHeaderProps) => {
return (
<DetailsHeader
{...detailsHeaderProps}
onRenderColumnHeaderTooltip={this.renderCustomHeaderTooltip}
/>
);
}
private renderCustomHeaderTooltip = (tooltipHostProps: ITooltipHostProps) => {
return (
<span
style={{
display: "flex",
fontFamily: "Tahoma",
fontSize: "10px",
justifyContent: "left",
paddingLeft: '0 px'
}}
>
{tooltipHostProps.children}
</span>
);
}
最佳答案
在 IDetailsHeaderProps['columns']
或简单的 IColumn[]
=> IColumn
中有 'headerClassName' 键,您可以在其中指定必要的每列的样式。
关于office-ui-fabric - 如何自定义详情列表中的列标题样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62422841/