Bagikan melalui


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

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

Prosedur berikut menunjukkan kustomisasi dasar tampilan sel menggunakan DefaultCellStyle properti . Setiap sel dalam kontrol mewarisi gaya yang ditentukan melalui properti ini kecuali ditimpa di tingkat kolom, baris, atau sel. Untuk contoh pewarisan gaya, lihat Cara: Mengatur Gaya Sel Default untuk Kontrol Formulir Windows DataGridView. Untuk informasi tentang penggunaan DataGridViewCellStyle kelas tambahan, 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 Formulir Windows DataGridView Menggunakan Perancang.

Untuk menentukan font yang digunakan oleh sel DataGridView

  • Atur Font properti dari DataGridViewCellStyle. Contoh kode berikut menggunakan DataGridView.DefaultCellStyle properti 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 ForeColor properti dan BackColor dari DataGridViewCellStyle. Contoh kode berikut menggunakan DataGridView.DefaultCellStyle properti 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 SelectionForeColor properti dan SelectionBackColor dari DataGridViewCellStyle. Contoh kode berikut menggunakan DataGridView.DefaultCellStyle properti 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

Mengompilasi Kode

Contoh ini membutuhkan:

Pemrograman yang Kuat

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

Baca juga