可以通过以下步骤实现:
npm install office-ui-fabric-react
import { DetailsList, SelectionMode } from 'office-ui-fabric-react';
import 'office-ui-fabric-react/dist/css/fabric.css';
const items = [
{ key: '1', name: 'Item 1', value: 'Value 1' },
{ key: '2', name: 'Item 2', value: 'Value 2' },
{ key: '3', name: 'Item 3', value: 'Value 3' },
];
render() {
return (
<DetailsList
items={items}
columns={[
{ key: 'column1', name: 'Name', fieldName: 'name', minWidth: 100 },
{ key: 'column2', name: 'Value', fieldName: 'value', minWidth: 100 },
]}
selectionMode={SelectionMode.none}
/>
);
}
在上述代码中,我们使用了selectionMode={SelectionMode.none}
来禁用行的选择功能。这将使用户无法选择或高亮行。
请注意,这里的示例代码仅用于演示目的。你可以根据自己的需求进行修改和扩展。
关于Office UI Fabric React的更多信息和使用方法,你可以参考腾讯云的产品介绍页面:Office UI Fabric React。
领取专属 10元无门槛券
手把手带您无忧上云