如何切换office-ui-fabric详细列出行选择，使用整个行作为切换，而不是仅仅使用小的小复选框。

Question

我正在使用Office selection组件，并试图改进DetailsList的默认选择行为。默认情况下，单击一行与单击右边的微小复选框有区别。我希望复选框单击的效果与行单击相同。

单击复选框时，会切换该行，而不会取消选择其他行，就像我使用行单击时那样。您也可以使用shift，单击和控制单击，以及所有其他类型的点击，以及这里。

如何使单击行具有与单击其中一个复选框相同的功能？

​

Answer 1

尝试将此自定义onRenderRow函数用于DetailsList：

onRenderRow = (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps>): JSX.Element => {
    return (
      <div data-selection-toggle="true">
        {defaultRender && defaultRender(props)}
      </div>
    );
  };

为SelectionMode.multiple和SelectionMode.single：https://codepen.io/anon/pen/YoEzzE工作