Membuat Tampilan DataGridView Seperti Tabel Bootstrap

Pada tutorial kali ini kita akan belajar membuat tampilan datagridview menjadi lebih menarik seperti menggunakan bootstrap pada table html. Kita memang tidak dapat menggunakan bootstrap pada aplikasi WinForm VB.NET, sehingga untuk merubah tampilan datagridview kita perlu mengatur beberapa properties yang ada pada datagridview.

Pada artikel sebelumnya kita pernah belajar cara membuat pagenation pada datagridview, jadi kita akan menggunakan project tersebut pada tutorial kali ini. Oke kita langsung aja ke tutorialnya.

Properties yang di gunakan untuk mendesain DataGridView

RowHeadersVisible
BorderStyle
EnableHeadersVisualStyles
ColumnHeadersBorderStyle
AlternatingRowsDefaultCellStyle
CellBorderStyle
RowHeadersDefaultCellStyle
ColumnHeadersHeightSizeMode
ColumnHeadersHeight
SelectionMode
DefaultCellStyle
ColumnHeadersDefaultCellStyle
RowTemplate

Mendesain DataGridView Menjadi Lebih Menarik

Silahkan copy paste koding dibawah ini di dalam methode Form_Load.

With dgv 'Ganti dengan nama datagridview kalian
     .AllowUserToAddRows = False
     .RowHeadersVisible = False
     .BorderStyle = BorderStyle.None
     .EnableHeadersVisualStyles = False
     .ColumnHeadersBorderStyle = DataGridViewHeaderBorderStyle.None
     .AlternatingRowsDefaultCellStyle.BackColor = Color.WhiteSmoke
     .CellBorderStyle = DataGridViewCellBorderStyle.SingleHorizontal
     .RowHeadersDefaultCellStyle.WrapMode = False
     .ColumnHeadersHeightSizeMode = DataGridViewColumnHeadersHeightSizeMode.DisableResizing
     .ColumnHeadersHeight = 39
     .SelectionMode = DataGridViewSelectionMode.FullRowSelect
     .DefaultCellStyle.SelectionBackColor = Color.DarkTurquoise
     With .ColumnHeadersDefaultCellStyle
          .Font = New System.Drawing.Font("Calibri", 10.0!, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Point, CType(0, Byte))
          .BackColor = Color.DimGray
          .ForeColor = Color.White
     End With
     With .RowTemplate
          .Height = 31
     End With
End With

Silahkan kalian jalankan perogram kalian, maka halinya akan seperti gambar berikut.

Cara Mendesain DataGridView Seperti Tabel Bootstrap - VB.NET

Demikian tutorial mendesain DataGridView kali ini. Jangan lupa di share jika kalian merasa artikel ini bermanfaat, dan jangan lupa tinggalkan jejak dengan berkomentar dibawah ini.

Membuat Tampilan DataGridView Seperti Tabel Bootstrap - VB.NET