IgbGrid を使用して表を作成する際に、グリッド内の文字列の大きさやフォントをどのように変更するかについて説明します。
方法
文字列の大きさやフォントを変更するには、CSS を使用してスタイルを設定します。具体的には、ヘッダー内の文字列を変更する場合は .igx-grid-th__title を、セル内の文字列を変更する場合は .igx-grid__td を指定します。
以下に具体的なコードを示します。
.igx-grid-th__title {
font-size: 20px;
font-family:'MS Gothic'
}
.igx-grid__td {
font-size: 18px;
font-family: Arial
}
実行結果
上記のスタイル設定を適用すると、フォントが以下の図のように変更されます。
実行前
実行後
