Как изменить размер таблицы с помощью Skeleton CSS Framework - PullRequest
Новая
       22

Как изменить размер таблицы с помощью Skeleton CSS Framework

0 голосов
/ 16 мая 2019

Я создаю таблицу с использованием Skeleton CSS Framework следующим образом: 

<div class="container">
  <h2>V1504 Currently Active Jobs</h2>
  <table class="u-full-width">
    <thead>
      <!-- table head -->
      <tr class="u-full-width">
        <!-- table row -->
        <th>Job Number</th>
        <th>Employee Name</th>
        <th>Department</th>
      </tr>
    </thead>
    <tbody id="job-list">

    </tbody>
  </table>
</div>

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

enter image description here

Теперь я хочу увеличить размер шрифтов для заголовка таблицы, а также ее элементов, какМожно ли это сделать с помощью Skeleton CSS, если это возможно?

1 Ответ

1 голос
/ 16 мая 2019

Skeleton.css - адаптивный фреймворк.Если вы хотите изменить предопределенные стили, изложенные в Skeleton.css, лучшим вариантом будет настроить и связать вторую таблицу стилей в <head> вашего HTML-документа и указать там эти стили.

Например,- установка .u-full-width th { font-size: 16px; font-weight: bold; } установит шрифт 16px и полужирный для всех тегов <th> с родительским классом .u-full-width.

...