Cara Membuat Tabel dan Link

Drupal memberikan fasilitas yang sangat lengkap dan mudah untuk membuat Tabel. Kecanggihan Drupal ini akan saya ulas dalam beberapa tulisan ke depan.

Untuk memulai, silakan copy paste module Halo sebelumnya, atau mudahnya tinggal lihat file terlampir. Saya akan langsung membahas fungsi-fungsi terkait tabel, saya asumsikan rekan sekalian sudah bisa mengikuti alur dispatcher dari tutorial sebelumnya.

Tutorial ini akan membahas cara membuat tabel sekaligus menampilkan link (bisa klik salah satu cell di tabel). Pertama kali, mari kita lihat struktur sederhana cara membuat tabel di Drupal. 

Membuat Header Tabel

$header = array('No','Nama','Alamat');

Ini adalah cara paling simpel membuat header. Drupal akan secara otomatis mengatur lebar kolom. Jika diperlukan penyesuaian lebar yang spesifik per kolom, maka kode diatas harus diupgrade menjadi:

$header = array(
array('data'=>'No', 'width'=>'10px'),
array('data'=>'Nama'),
array('data'=>'Alamat'),
);

Sebenarnya header tabel di Drupal sangat canggih, header nya bisa di-klik untuk melakukan sorting tabel secara otomatis. Pembahasan tentang ini ada di artikel Header Tabel yang Sortable dan Paging Tabel.

Membuat Row Tabel

$link = l("Nama $i", "dqs_tabel/edit");
$rows[] = array($i, $link, "Alamat $i");

Cara membuat link sangat mudah, tinggal menggunakan fungsi l() yang cuma satu huruf itu. Ketika link di-klik, maka akan membuka halaman yang diakses melalui path "dqs_tabel/edit". Silakan dilihat dispatcher dan fungsi dqs_tabel_edit().

Mengisi row data pun sangat sederhana. Pastikan jumlah elemen array disini sama dengan pada header. Dalam tutorial berikutnya kita akan lihat bagaimana tiap cell ini kita bisa set alignment, bahkan bisa kita sisipkan image.

Menampilkan Tabel

Cara termudahnya sebenarnya cukup menggunakan kode seperti berikut:

$output .= theme_table($header, $rows);

Jika kita ingin menampilkan judul tabel, tinggal kode diatas disisipkan ke kode berikut:

$output .= theme_box('Judul Tabel', theme_table($header, $rows));

That's it! Supaya lebih seru, dalam tutorial berikutnya kita akan sempurnakan kode disini sehingga ketika di-klik akan tampil form editing.

Demo tutorial ini dapat diakses di: http://drupalquickstart.com/dqs_tabel