как скрыть горизонтальные линии из таблицы, не скрывая вертикальные линии (Материал-пользовательский интерфейс)

#html #css #reactjs #material-ui

#HTML #css #reactjs #материал-пользовательский интерфейс

Вопрос:

Мне нужно скрыть горизонтальные линии в таблице ниже вместе с временными интервалами.
Я пытался установить visibility td для элементов hidden значение, но это тоже скрывает вертикальные линии.
есть идеи, как это решить?

введите описание изображения здесь

введите описание изображения здесь

Ответ №1:

Вы хотите переопределить border-bottom стиль TableCell компонентов MUI.

 const useStyles = makeStyles({
  row: {
    "amp; > td": {
      borderBottom: 'none'
    }
  }
});
 
 {rows.map((row) => (
  <TableRow key={row.name} className={classes.row}>
    {/* your TabelCell components */}
  </TableRow>
))}
 

Мне не совсем ясно, чего вы хотите добиться с помощью столбца time, и для этого потребуется просмотреть фактический код.