How to set checked on item in DetailsList control

Question

I use DetailsList component from office-ui-fabric-react library:

   import {DetailsList} from 'office-ui-fabric-react/lib/DetailsList';
   render () {
      const item = [
        {value: 'one'},
        {value: 'two'}
      ]
      return (
        <DetailsList
            checkboxVisibility={CheckboxVisibility.always}
            items={items}
            selection={selection}
        />
    }

How to set checked for item with value `two?

Answer 1

Noticed you passed a selection to DetailsList. There's a few methods in selection to do that, including:

• setAllSelected(isAllSelected: boolean)
• setKeySelected(key: string, isSelected: boolean, shouldAnchor: boolean)
• setIndexSelected(index: number, isSelected: boolean, shouldAnchor: boolean)

In your case, you can give each value a key. And then call setKeySelected somewhere (for example, componentDidMount) to tell DetailsList to select specific items.