Mode Malam
| Mode Tampilan
Penulis : admin

Home / Programming / Membuat Tampilan DataGridView Seperti Tabel Bootstrap - VB.NET
Membuat Tampilan DataGridView Seperti Tabel Bootstrap - VB.NET

Membuat Tampilan DataGridView Seperti Tabel Bootstrap - VB.NET


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. 

advertisement

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.

advertisement

Tags: #vbnet #datagridview
Bagikan :

Komentar:

Silahkan berkomentar dengan baik dan bijak!

Name * :
Email :
Website :
Comment :


This website uses cookies to ensure you get the best experience on our website

learn more