Langsung ke konten utama

Bagaimana Caranya Agar Lebar Kolom ListView Sesuai Dengan Panjang Data?

Pada artikel ini, saya akan memberikan trik membuat lebar kolom pada list view menyesuaikan lebarnya dengan panjang data secara runtime. Agar lebar kolom secara otomatis menyesuaikan dengan lebar data cukup mudah. Kita hanya perlu memberikan nilai width pada kolom tersebut dengan angka -2 (minus 2). Lebih detailnya ikut langkah - langkah berikut :

Nama Property
Value
Name lv1
ViewStyle vsReport
Width 505

2. Masukkan komponen TButton ke dalam form, set property di bawah ini :

Nama Property
Value
Name btnBuatKolom
Caption Buat Kolom
Pada event OnClick button btnBuatKolom isikan baris kode berikut ini :
procedure TfrmMain.btnBuatKolomClick(Sender: TObject);
 var
   i: Integer;
   lvColumn: TListColumn;
 begin
   for i := 1 to 10 do
   begin
  lvColumn := lv1.Columns.Add;
  lvColumn.Caption := 'Data Ke ' + IntToStr(i);
   end;
 end;  
 
3. Masukkan sebuah komponen TButton lagi, set property di bawah ini :

Nama Property
Value
Name btnAutosize
Caption Set Autosize
Pada event OnClick button btnAutoSize isikan baris kode berikut ini :
procedure TfrmMain.btnAutosizeClick(Sender: TObject);
 var
   i: Integer;
 begin
   for i := 0 to lv1.Columns.Count - 1 do
  lv1.Columns[i].Width := -2;
 end;  
 
Untuk melihat hasilnya , klik F9. Kemudian klik button tambah kolom, kemudian button autosize. Bagaimana hasilnya ?
4. Bagaimana kalau kita akan menambahkan data pada listview ini? Apakah lebar kolomnya juga akan menyesuaikan ? Untuk lebih jelasnya ikut langah-langkah berikut ini :
- Tambahkan sebuah button lagi, set propertynya seperti di bawah ini :

Nama Property
Value
Name btnTambahData
Caption Tambah Data
Pada event OnClick button btnTambahData isikan baris kode berikut ini :
procedure TfrmMain.btnTambahDataClick(Sender: TObject);
var
  i: Integer;
  j: Integer;
begin
  for i := 1 to 5 do
  begin
    with lv1.Items.Add do
    begin
      Caption := ' Kolom 1 Baris Ke ' + IntToStr(i);
      for j := 2 to lv1.Columns.Count do
        SubItems.Add('Kolom ' + IntToStr(j) + ' Baris Ke ' + IntToStr(i));
    end;
  end;
end;

 
Sekarang jalankan dan klik button buat kolom, autosize dan tambah data secara berurutan? Bagaimana hasilnya ? : )
Sourcecode bisa didownload di sini

Komentar

Postingan populer dari blog ini

Seri 9 — Membuat Web App dengan Google Apps Script

Pada seri sebelumnya, kita telah belajar Menghubungkan Google Apps Script dengan API Eksternal . Pada seri ini, kita akan belajar membuat Web App menggunakan Google Apps Script (GAS). Dengan Web App, kita bisa membuat aplikasi berbasis web yang berjalan di server Google — tanpa harus menyewa hosting, tanpa backend kompleks, dan dapat diakses lewat URL! Kita akan membahas: Apa itu Web App di GAS Bagaimana Web App bekerja Struktur fungsi doGet() dan doPost() Membuat Web App sederhana Men-deploy Web App Mengirim data dari HTML ke GAS Contoh Web App mini (form input → Spreadsheet) ✅ 1. Apa Itu Web App di GAS? Web App di Google Apps Script adalah aplikasi web yang berjalan di server Google, dapat diakses melalui URL publik/privat, serta dapat menerima HTTP request (GET/POST). Dengan Web App, kita dapat: ✅ Membuat form custom ✅ Membaca/menulis data ke Google Sheets ✅ Membuat dashboard sederhana ✅ Integrasi API ✅ 2. Cara Kerja Web App Web App bekerja meng...

Daftar Website Yang Membahas Delphi

Dalam artikel ini saya mencoba memberikan daftar situs yang bermanfaat bagi kita semua, Delphi Lover. http://delphi-id.org Situs ini dikomandani mas Luri Darmawan, seorang pendekar delphi di negeri ini yang sudah kondang di mana-mana. Situs ini berupa forum sharing bagi para delphier. Di situs ini kita bisa berbagi informasi tentang teknologi terbaru dari delphi, tips n trick, pertanyaan, dll. http://delphi-id.tk Situs yang bagus. Situs ini (kelihatannya) muncul akibat situs http://delphi-id.org lama down. Tapi akhir-akhir ini kedua situs kakak-adik : ) ini sudah Up semua. http://delphi.about.com Sebuah situs delphi berbahas inggris yang paling lengkap yang pernah saya jumpai. Situs yang dikomnadani oleh Zarco G ini berisi tutorial, tips n Trick, dan artikel-artikel menarik lainnya. Saya sangat menyukai artikel/tuorial tentang OOP. Bahkan saya bisa sedikit mengenal OOP dari situs ini. DI situs ini kita juga bisa mendapatkan newsletter dari satu bab/tutorial yang sedang ...

Cara Efektif Menggunakan StringGrid

StringGrid merupakan salah satu VCL yang sangat berguna. Jika anda sudah familiar dengan Webbased Application, anda bisa analogikan StringGrid dengan Table. Table digunakan untuk meenampilkan data. Adapun StringGrid, selain sebagai komponen untuk menampilkan data, dia juga juga bisa sebagai tempat untuk memasukkan data, lihat gambar di bawah ini : Pada gambar di atas, saya menampilkan form jurnal umum sebagai contoh penggunaan StringGrid. Pada contoh di atas, stringgrid dipakai untuk memasukkan data item jurnal berupa Kode dan nama perkiraan, status Debet/Kredit dan Nominal. Untuk memanfaatkan Stringgrid saya mempunyai beberapa konstanta yang mencerminkan nomor urut kolom, misalnya _KolKode merujuk pada kolom Kode Perkiraan, _KolNama merujuk pada kolom Nama. Lebih jelasnya lihat baris kode berikut : Const _KolKode : Integer = 0; _KolNama : Integer = 1; _KolDK : Integer = 2; _KolNominal : Integer = 3; Konstanta-konstanta tersebut saya pakai di beberapa tempat. Diantaran...