![](/img/trans.png)
[英]Color office-ui-fabric-react DetailsList Cell by its value
[英]How to make select all checkbox always visible in office-ui-fabric-react DetailsList
我正在使用 office-ui-fabric-react 的 DetailsList 组件来显示我的表格。 我正在设置道具
checkboxVisibility={CheckboxVisibility.always}
使复选框始终可见。 但这不适用于 header 中的 select all 复选框。 Select 所有复选框仅在我通过 hover 时才可见。 我希望 select all 复选框始终可见。 有什么解决办法吗?
<DetailsList
columns={this.columns}
selectionMode={SelectionMode.single}
ariaLabelForSelectAllCheckbox={'Select All'}
items={this.items}
checkboxVisibility={CheckboxVisibility.always}
onRenderRow={this.renderRow}
onRenderHeader={this.renderHeader}
/>
您还必须导入复选框可见性:
import { CheckboxVisibility } from 'office-ui-fabric-react';
您能否通过在 codepen 或 stackblitz 或任何其他在线编辑器上创建示例来共享代码。
移除selectionMode={SelectionMode.single}
属性并查看 output。 all 复选框将始终可见,包括 header 中的复选框。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.