material-ui组件[Table] OnCellClick无法用于<TableRow>

洪飞驰
2023-12-01

版本:
"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。

 类似资料: