Как добавить borderTop в таблицу интерфейса материалов для React?

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>