невозможно разделить заголовок таблицы матов

Question

может быть очень простым вопросом, но я не могу понять ... не уверен, что это изменение CSS или что-то еще. Мне нужен разделитель между заголовком таблицы, как на скриншоте ниже (выделено).

Вот что я получил:

Answer 1

Вам необходимо добавить левую границу в каждую ячейку, кроме первой, - и поскольку выравнивание будет отключено, вы можете добавить некоторые отступы, чтобы она выглядела

релевантно CSS:

th.mat-header-cell { border-left: 2px solid red; }
th.mat-header-cell:nth-child(1) { border-left: none;}
th.mat-header-cell, td.mat-cell { padding:5px; }

Answer 2

Предполагая, что у вас есть только эти заголовки, и вы хотите, чтобы граница была до Оценка

mat-header-cell:nth-of-type(2) {
  border-left: 1px solid 
}

Вот Бег Пример