如何将borderTop添加到React Material UI Table？

Question

我想做的是将上边框添加到上表中。

我试过了

const styles = theme => {
    root : { borderTopWidth: 1, borderColor: 'red'}
}

...

class TableComponent ...

{ classes } = this.props; 

<Table className={classes.root}>
</Table

export default withStyles(styles)(TableComponent)

我认为这不是语法问题，因为其他选项（例如，background: 'red' working properly.也许我错过了一些东西）。如何在该表中实现topBorder？

Answer 1

您忘记定义borderStyle属性

const styles = theme => {
    root : { borderTopWidth: 1, borderColor: 'red',borderStyle: 'solid'} // or borderTop: '1px solid red'
}

...

class TableComponent ...

{ classes } = this.props; 

<Table className={classes.root}>
</Table

export default withStyles(styles)(TableComponent)

或者您也可以添加内联样式

<Table style={{borderTop: '1px solid red'}}>
</Table>