Bagikan melalui

Cara: Mengatur Gaya Font dan Warna di Kontrol Windows Forms DataGridView

Anda dapat menentukan tampilan visual sel dalam kontrol DataGridView dengan mengatur properti kelas DataGridViewCellStyle. Anda dapat mengambil instans kelas ini dari berbagai properti kelas DataGridView dan kelas pendampingnya, atau Anda dapat membuat instans objek DataGridViewCellStyle untuk penugasan ke properti ini.

Prosedur berikut menunjukkan kustomisasi dasar tampilan sel menggunakan properti DefaultCellStyle. Setiap sel dalam kontrol ini mewarisi gaya yang ditentukan melalui properti ini kecuali jika digantikan di tingkat kolom, baris, atau sel. Untuk contoh pewarisan gaya, lihat Cara: Mengatur Gaya Sel Default untuk Kontrol Windows Forms DataGridView. Untuk informasi tentang penggunaan tambahan kelas DataGridViewCellStyle, lihat topik yang tercantum di bagian Lihat Juga.

Ada dukungan ekstensif untuk tugas ini di Visual Studio. Lihat juga Cara: Mengatur Gaya Sel Default dan Format Data untuk Kontrol DataGridView Windows Forms Menggunakan Desainer.

Untuk menentukan font yang digunakan oleh sel DataGridView

  • Atur properti Font dari DataGridViewCellStyle. Contoh kode berikut menggunakan properti DataGridView.DefaultCellStyle untuk mengatur font untuk seluruh kontrol.

    this.dataGridView1.DefaultCellStyle.Font = new Font("Tahoma", 15);

    Me.dataGridView1.DefaultCellStyle.Font = New Font("Tahoma", 15)

Untuk menentukan warna latar depan dan latar belakang sel DataGridView

  • Atur properti ForeColor dan BackColor dari DataGridViewCellStyle. Contoh kode berikut menggunakan properti DataGridView.DefaultCellStyle untuk mengatur gaya ini untuk seluruh kontrol.

    this.dataGridView1.DefaultCellStyle.ForeColor = Color.Blue;
this.dataGridView1.DefaultCellStyle.BackColor = Color.Beige;

    Me.dataGridView1.DefaultCellStyle.ForeColor = Color.Blue
Me.dataGridView1.DefaultCellStyle.BackColor = Color.Beige

Untuk menentukan warna latar depan dan latar belakang dari sel DataGridView yang dipilih

  • Atur properti SelectionForeColor dan SelectionBackColor dari DataGridViewCellStyle. Contoh kode berikut menggunakan properti DataGridView.DefaultCellStyle untuk mengatur gaya ini untuk seluruh kontrol.

    this.dataGridView1.DefaultCellStyle.SelectionForeColor = Color.Yellow;
this.dataGridView1.DefaultCellStyle.SelectionBackColor = Color.Black;

    Me.dataGridView1.DefaultCellStyle.SelectionForeColor = Color.Yellow
Me.dataGridView1.DefaultCellStyle.SelectionBackColor = Color.Black

Contoh

private void SetFontAndColors()
{
    this.dataGridView1.DefaultCellStyle.Font = new Font("Tahoma", 15);
    this.dataGridView1.DefaultCellStyle.ForeColor = Color.Blue;
    this.dataGridView1.DefaultCellStyle.BackColor = Color.Beige;
    this.dataGridView1.DefaultCellStyle.SelectionForeColor = Color.Yellow;
    this.dataGridView1.DefaultCellStyle.SelectionBackColor = Color.Black;
}

Private Sub SetFontAndColors()

    With Me.dataGridView1.DefaultCellStyle
        .Font = New Font("Tahoma", 15)
        .ForeColor = Color.Blue
        .BackColor = Color.Beige
        .SelectionForeColor = Color.Yellow
        .SelectionBackColor = Color.Black
    End With

End Sub

Mengkompilasi Kode

Contoh ini memerlukan:

Pemrograman yang Kuat

Untuk skalabilitas maksimum, Anda harus berbagi objek DataGridViewCellStyle di beberapa baris, kolom, atau sel yang menggunakan gaya yang sama, daripada mengatur properti gaya untuk setiap elemen secara terpisah. Untuk informasi selengkapnya, lihat Panduan Praktis dalam Menskalakan Kontrol DataGridView Windows Forms.

Lihat juga