版本:
"react": "^15.6.2",
"material-ui": "^0.15.4",
onCellClick事件在TableRow上不起作用,需要加在Table上事件才会生效。
<Table onCellClick={(row,column,event) => this.isSelect(row,column,event)}>
<TableHeader
displaySelectAll={false}
adjustForCheckbox={false}
enableSelectAll={false}
style={styles.TableHeaderRoot}
>
<TableRow>
<TableHeaderColumn style={styles.TableHeaderFirst}>{
formatMessage({id: 'serial number'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumn}>{
formatMessage({id: 'created time'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumn}>{
formatMessage({id: 'chip platform'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumnProduct}>{
formatMessage({id: 'product portfolio'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumn}>{
formatMessage({id: 'status'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumn}>{
formatMessage({id: 'publisher'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumn}>{
formatMessage({id: 'release time'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumn}>{
formatMessage({id: 'remarks'})
}</TableHeaderColumn>
<TableHeaderColumn style={styles.TableHeaderColumn}>{
formatMessage({id: 'operate'})
}</TableHeaderColumn>
</TableRow>
</TableHeader>
<TableBody displayRowCheckbox={false}>
{certificateElements}
</TableBody>
</Table>
//接收事件
isSelect = (row,column,event) => {
console.log(row,column,event)
this.setState({
display:true,
num:row
})
}
即onCellClick on Table。