Как изменить цвет текста в определенном столбце c в таблице, созданной с использованием ui-элементов в Vue. js?

Question

Я все еще изучаю Vue и успешно создал таблицу, используя ui-element (el-table, el-table-column и заполнение таблицы с помощью prop). Но теперь я хочу стилизовать текст в определенном столбце c (сделать текст в определенном столбце синим). Пожалуйста, найдите мой существующий код ниже.

HTML код Vue

<div id="app">
 <div class = "font-color">
  
   <template>
    <el-table
      :data="tableData"
      style="width: 100%">

      <el-table-column
        prop="date"
        label="Date"
        width="180">
      </el-table-column>

      <el-table-column
        prop="name"
        label="Name"
        width="180">
      </el-table-column>

    </el-table>
   </template>
  </div>
</div>

CSS код из Vue для стилизации текста таблицы.

.font-color{
      font-family: Quicksand; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 800;
}

1. Как изменить цвет текста во всех столбцах? Добавление в поле цвета в .font-color не работает.
2. Как изменить цвет текста в определенном столбце c в приведенном выше коде? Пример, как поменять текст в колонке Дата ниже?
3. Как поменять цвет меток?

вроде зациклился на этом надолго. Пробовал много чего не получалось. Любая помощь будет оценена. Пожалуйста, найдите изображение таблицы, которую я создал ниже.

Таблица с жирным шрифтом