C# DataGridView・ヘッダーの背景色と文字色を設定する

C# DataGridView・サンプルプログラム一覧

DataGridViewの行と列ヘッダーの背景色と文字色をプログラムから設定するサンプルです。

サンプルでは背景を青、文字色を白に設定します。

設定するプロパティは

・行ヘッダー：RowHeadersDefaultCellStyle

・列ヘッダー：ColumnHeadersDefaultCellStyle

です。

デザイナーからの設定も可能です。

デザイナーからの設定

行ヘッダーの背景色と文字色の設定

RowHeadersDefaultCellStyleをダブルクリックします。

CellStyleビルダーが開きます。

BackColor、ForeColorで行ヘッダーの背景色と文字色の設定が行えます。

列ヘッダーの背景色と文字色の設定

RowHeadersDefaultCellStyleをダブルクリックします。

CellStyleビルダーが開きます。

BackColor、ForeColorで列ヘッダーの背景色と文字色の設定が行えます。

※実行するときには、ビジュアルスタイルが有効になっていると色が変わりません。

Program.csのApplication.EnableVisualStyles();をコメントアウトして無効にして下さい。

Program.csは

又は

フォームロードイベントで、Visualスタイルを使用しないコードを書いても大丈夫です。

private void Form1_Load(object sender, EventArgs e)
{
    // Visualスタイルを使用しない
    dataGridView1.EnableHeadersVisualStyles = false;
}

プログラムでの設定

// Visualスタイルを使用しない
dataGridView1.EnableHeadersVisualStyles = false;

// 行ヘッダの背景色を設定する
dataGridView1.RowHeadersDefaultCellStyle.BackColor = Color.Blue;

// 行ヘッダの文字色を設定する
dataGridView1.RowHeadersDefaultCellStyle.ForeColor = Color.White;

// 列ヘッダの背景色を設定する
dataGridView1.ColumnHeadersDefaultCellStyle.BackColor = Color.Blue;

// 列ヘッダの文字色を設定する
dataGridView1.ColumnHeadersDefaultCellStyle.ForeColor = Color.White;

サンプルの内容

・行ヘッダの背景色を青に設定します。

・行ヘッダの文字色を白に設定します。

・列ヘッダの背景色を青に設定します。

・列ヘッダの文字色を白に設定します。

使用部品

No	項目名	Text	name	部品
1	一覧	空	dataGridView1	DataGridView
２	表示ボタン	表示	button1	Button

プログラミング

言語：C#

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        /// <summary>
        /// 表示クリック処理
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void button1_Click(object sender, EventArgs e)
        {
            // データを作成する
            DataTable dt = createData();

            // dataGridViewにデータをセットする
            dataGridView1.DataSource = dt;

            // ヘッダーのタイトルを設定する（列名指定（Nameプロパティ））
            dataGridView1.Columns["no"].HeaderText = "No";
            dataGridView1.Columns["title"].HeaderText = "書名";
            dataGridView1.Columns["author_name"].HeaderText = "著者名";
            dataGridView1.Columns["price"].HeaderText = "価格";
            dataGridView1.Columns["publisher"].HeaderText = "出版社名";
            dataGridView1.Columns["publication_date"].HeaderText = "出版年月";
            dataGridView1.Columns["stock"].HeaderText = "在庫";

            // 今回のサンプル --->

            // Visualスタイルを使用しない
            dataGridView1.EnableHeadersVisualStyles = false;

            // 行ヘッダの背景色を設定する
            dataGridView1.RowHeadersDefaultCellStyle.BackColor = Color.Blue;

            // 行ヘッダの文字色を設定する
            dataGridView1.RowHeadersDefaultCellStyle.ForeColor = Color.White;

            // 列ヘッダの背景色を設定する
            dataGridView1.ColumnHeadersDefaultCellStyle.BackColor = Color.Blue;

            // 列ヘッダの文字色を設定する
            dataGridView1.ColumnHeadersDefaultCellStyle.ForeColor = Color.White;

            // <--- 今回のサンプル 

        }

        /// <summary>
        /// データ（DataTable）作成処理
        /// </summary>
        /// <returns>データ</returns>
        private DataTable createData() {

            // DataTableを宣言する
            DataTable dt = new DataTable();

            // 列を作成する          
            dt.Columns.Add("no", typeof(int));                      // No
            dt.Columns.Add("title", typeof(String));                // 書名
            dt.Columns.Add("author_name", typeof(String));          // 著者名
            dt.Columns.Add("price", typeof(Decimal));               // 価格
            dt.Columns.Add("publisher", typeof(String));            // 出版社名
            dt.Columns.Add("publication_date", typeof(DateTime));   // 出版年月
            dt.Columns.Add("stock", typeof(bool));                  // 在庫

            // データを追加する
            dt.Rows.Add(1, "がんばれるＣ＃　入門", "坂本　学"  , 2980, "ＡＢＣ出版", "2018/01/01", true);
            dt.Rows.Add(2, "パーフェクトＣ＃"    , "高橋　健一", 4200, "海上出版  ", "2019/03/03", false);
            dt.Rows.Add(3, "学ぶＣ＃"            , "工藤　太郎", 1600, "電気出版  ", "2020/08/04", true);
            dt.Rows.Add(4, "初めてのＣ＃"        , "渡辺　銀時", 2000, "川上出版  ", "2020/10/06", false);
            dt.Rows.Add(5, "どんどん学べるＣ＃"  , "沢田　剛"  , 3200, "心の友出版", "2020/11/11", true);

            // dataGridViewを返す
            return dt;
        }

        private void Form1_Load(object sender, EventArgs e)
        {

        }
    }
}

実行結果

変更前

変更後

以上です