Reactjs 如何使“全选”复选框在office ui fabric react Details列表中始终可见
我正在使用office ui fabric react的DetailsList组件来显示我的表。我正在设置道具Reactjs 如何使“全选”复选框在office ui fabric react Details列表中始终可见,reactjs,ms-office,office-ui-fabric-react,fluent-ui,Reactjs,Ms Office,Office Ui Fabric React,Fluent Ui,我正在使用office ui fabric react的DetailsList组件来显示我的表。我正在设置道具 checkboxVisibility={CheckboxVisibility.always} 使复选框始终可见。但这不适用于标题中的“全选”复选框。仅当我将鼠标悬停在复选框上时,复选框才可见。我希望“全选”复选框始终可见。有什么解决办法吗 <DetailsList columns={this.columns} selectionMode={SelectionMo
checkboxVisibility={CheckboxVisibility.always}
使复选框始终可见。但这不适用于标题中的“全选”复选框。仅当我将鼠标悬停在复选框上时,复选框才可见。我希望“全选”复选框始终可见。有什么解决办法吗
<DetailsList
columns={this.columns}
selectionMode={SelectionMode.single}
ariaLabelForSelectAllCheckbox={'Select All'}
items={this.items}
checkboxVisibility={CheckboxVisibility.always}
onRenderRow={this.renderRow}
onRenderHeader={this.renderHeader}
/>
您可以通过在codepen或stackblitz或任何其他在线编辑器上创建示例来共享代码
删除selectionMode={selectionMode.single}属性并查看输出。“全部”复选框将始终可见,包括标题中的复选框。您还必须导入复选框可见性:
import { CheckboxVisibility } from 'office-ui-fabric-react';
更新了office ui fabric react的版本,目前正在运行。谢谢