reactjs - 如何将 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' 工作正常。也许我错过了一些东西。我怎样才能实现这个表的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>