材料uiテーブル行のチェックボックスが表示されない

Question

リアクションアプリの素材UIを別のファイルに作成しました。

TradesTable.js

const DummyTableRow = (props) => { 
    let myRows = props.trades.map((trade, index) => { 
     return <TableRow> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[0]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[1]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[2]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[3]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[4]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[5]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[6]}</TableRowColumn> 
     </TableRow> 
     }); 
    return myRows; 
} 

const TradesTable = (props) => { 
    return(
     <Table> 
      <TableHeader> 
       <TableRow> 
        <TableHeaderColumn>Trade date</TableHeaderColumn> 
        <TableHeaderColumn>Commodity</TableHeaderColumn> 
        <TableHeaderColumn>Side</TableHeaderColumn> 
        <TableHeaderColumn>Qty</TableHeaderColumn> 
        <TableHeaderColumn>Price</TableHeaderColumn> 
        <TableHeaderColumn>CounterParty</TableHeaderColumn> 
        <TableHeaderColumn>Location</TableHeaderColumn> 
       </TableRow> 
      </TableHeader> 
     <TableBody> 
      <DummyTableRow trades={props.trades}/> 
     </TableBody> 
    </Table> 
    ); 
} 

module.exports = TradesTable 

このテーブルの行は成分の小道具から移入されています。

この表は、他のコンポーネントで、品目UI <AppBar>コンポーネントの一部として使用されています。

<AppBar style={{backgroundColor: 'White'}} 
        iconElementLeft={<TradesTable trades={this.props.trade}/>} 
        .... 
        .... 

this.props.tradeの値は店舗からの値です。

テーブルヘッダーにチェックボックスが表示されていますが、行にはチェックボックスが表示されません ドキュメントを読みましたが、デフォルトの動作ではチェックボックスが表示されます。

私はここで、行のチェックボックスが表示されないようにしていますか？ここで