Menggunakan TableLayoutPanel pada Winform

TableLayoutPanel sangat kamu butuhkan apabila ingin membuat suatu interface yang berbentuk tabel. Dengan TableLayoutPanel kamu dapat dengan mudah menata kontrol yang kamu gunakan dengan konsep tabel, yaitu terdapat baris dan kolom.

Berikut adalah Gambar TableLayoutPanel.

Materi kali ini akan membahas mengenai TableLayoutPanel pada Windows Form.

Menambahkan TableLayoutPanel kedalam Form.

Seperti halnya kontrol lain, cara menambahkan TableLayoutPanel kedalam form dapat dilakukan dengan berbagai cara di antaranya adalah dengan menggunakan drag n drop dan code C#

Menggunakan Drag n Drop

Drag n Drop adalah salah satu cara menambahkan kontrol ke dalam form, yang sangat simple dan mudah, kamu tinggal memindahkan ikon kontrol yang berada dalam toolbox menuju Form.

Menggunakan Code C#

Kamu juga bisa menambahkan TableLayoutPanel kedalam form dengan mengetiknya secara manual menggunakan bahasa pemrograman C#.

Untuk menambahkan TableLayoutPanel melalui code, pertama masuk ke bagian form1.Designer.cs ( form1 mengikuti nama form yang kamu buat ).

Kemudian cari Method InitializeComponent(). setelah itu tambahkan kode berikut di bawah nya. ( dibawah methodnya bukan dibawah code ).

private System.Windows.Forms.TableLayoutPanel tableLayoutPanel1;

nb: tableLayoutPanel1 dapat kamu ganti dengan nama lain.

Setelah itu tambahkan kode berikut di Kedalam Method InitializeComponent(): tepatnya di atas kode this.SuspendLayout();

this.tableLayoutPanel1 = new System.Windows.Forms.TableLayoutPanel();

nb: tableLayoutPanel1 menyesuaikan nama TableLayoutPanel yang kamu buat sebelumnya.

Kemudian tambahkan kode berikut dibawah this.SuspendLayout(); :

//Column
this.tableLayoutPanel1.ColumnCount = 2;
this.tableLayoutPanel1.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Percent, 50F));
this.tableLayoutPanel1.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Percent, 50F));
this.tableLayoutPanel1.Location = new System.Drawing.Point(49, 70);
this.tableLayoutPanel1.Name = "tableLayoutPanel1";
//Row
this.tableLayoutPanel1.RowCount = 2;
this.tableLayoutPanel1.RowStyles.Add(new System.Windows.Forms.RowStyle(System.Windows.Forms.SizeType.Percent, 50F));
this.tableLayoutPanel1.RowStyles.Add(new System.Windows.Forms.RowStyle(System.Windows.Forms.SizeType.Percent, 50F));
this.tableLayoutPanel1.Size = new System.Drawing.Size(200, 100);
this.tableLayoutPanel1.TabIndex = 0;
this.Controls.Add(this.tableLayoutPanel1);

Ketika kamu Membuat TableLayoutPanel, kamu harus mendifinisikan Kolom dan Barisnya.

Pada contoh di atas diatas TableLayoutPanel berukuran 2 x 2, 2 buah kolom dan 2 baris.

tableLayoutPanel1.Location = Mendefinisikan lokasi dari TableLayoutPanel yang dibuat.
tableLayoutPanel1.Size = Mendefinisikan ukuran dari TableLayoutPanel.
tableLayoutPanel1.TabIndex = Mendefinisikan Tab order dari TableLayoutPanel.

Apabila kamu telah mengikuti langkah di atas dengan benar, maka TableLayoutPanel selesai dibuat.

Menambah Control kedalam TableLayoutPanel

Setelah membuat TableLayoutPanel, langkah selanjutnya adalah menambahkan beberapa kontrol kedalamnya.

Untuk menambahkan kontrol kedalam TableLayoutPanel, kamu dapat menggunakan cara Drag n Drop dari ToolBox kedalam form.

Mungkin cukup sekian penjelasan mengenai TableLayoutPanel pada Windows Form, apabila dirasa kurang dalam materi ini, tuliskan di kolom komentar, kemudian kami akan segera menambahkannya.

Terimakasih salam coders…