テーブル内のフォント

テーブルは動的なアプリでは良く使います。

Semantic UI では、<table class="ui celled table"> のように celled で罫線付きの表になります。
行幅については大きい順に、large > small > very compact で変えられます。
さらに、テーブル内でのフォントを小さくしたい場合があります。
この場合には、ダイレクトに適用する class の css を変更しても良いようです。

<style>
      /* テーブル内のフォントサイズ */
      .table-font {
        font-size: 0.8rem;
      }
</style>

 

« 前頁

次頁 »