Fungsi Rowspan pada Tabel HTML

Ilustrasi Coding. Foto: Arnold Francisca via Unsplash

Saat mempelajari tentang HTML, tentunya tidak asing dengan fungsi Rowspan. Umumnya, fungsi Rowspan digunakan untuk tabel HTML dalam menampilkan sebuah data.

Salah satu elemen penting yang ada di HTML adalah tabel. Fungsinya adalah untuk menampilkan data secara rapi dan tertata. Tampilannya pun tidak jauh berbeda dengan tabel pada Excel, yaitu berisi kotak-kotak yang di dalamnya terdapat sebuah data.

Dalam membuat tabel juga dibutuhkan metode yang pas. Tak hanya itu, ada elemen tambahan yang diperlukan saat membuatnya, seperti tag <table></table>.

Lantas, apa fungsi Rowspan dan Colspan pada pembuatan tabel HTML? Langsung saja simak artikel berikut ini.

Pengertian dan Fungsi Rowspan

Jika dalam Excel menggunakan fitur "merge" untuk menggabungkan data dalam satu baris, maka membuat HTML membutuhkan fungsi Rowspan.

Rowspan merupakan salah satu atribut yang berkaitan erat dengan pembuatan tabel. Fungsinya adalah untuk menggabungkan beberapa data dalam baris. Sederhananya, menggabungkan baris ke bawah.

Mengutip salam satu buku digital yang berjudul Aplikasi Internet Menggunakan HTML, CSS, dan JavaScript yang disusun oleh Koesheryati, Taryana Suryana bahwa untuk menggunakan atribut rowspan maka menyisipkan tag <td rowspan=n>. Dengan keterangan, bahwa “n” merupakan jumlah baris yang akan digabungkan.

Contoh Penggunaan Rowspan pada Tabel HTML

Ilustrasi Fungsi Rowspan pada HTML. Foto: Florian Olivo via Unsplash

Biasanya, tabel digunakan jika kita ingin menampilkan sebuah data dalam bentuk baris dan kolom. Dalam membuat tabel sederhana menggunakan HTML, terdapat empat elemen yang digunakan, seperti Table, TH,TR, dan TD.

Tag <table> merupakan elemen untuk membuat tabel kemudian di ikuti dengan tag <th> yaitu "Tabel Header", kemudian <tr> yaitu "Table Rows" yang berfungsi untuk membuat baris pada tabel kemudian tag <td> yaitu "Table Data" untuk membuat kolom pada tabel.

Hasil kolom dari tag <tr> dan <td> disebut dengan "Table Cell", yaitu sebagai tempat di mana kamu memasukkan data-data yang akan kamu tampilkan. Berikut adalah contoh pembuatan tabel menggunakan HTML dengan Rowspan.

Berdasarkan sintak di atas, terdapat penggunaan Rowspan yang bisa kamu lihat pada kolom nomor 5 yang artinya menggabungkan sebanyak 4 baris ke bawah.

Penggunaan fungsi Rowspan pada HTML di atas berfungsi untuk menampilkan data dalam bentuk baris pada tabel. Tidak jauh berbeda dengan tabel Excel pada umumnya.

Umumnya, tabel pada dokumen HTML juga berguna untuk mengontrol sebuah tampilan informasi yang ada dalam halaman website. Kemudian, tabel tersebut juga bisa kamu gunakan untuk menampilkan record-record pada database.

Nah, kini kamu sudah tahu apa fungsi Rowspan pada tabel HTML, kan? Dengan begitu, kamu bisa mempraktikkan cara penggunaannya untuk menampilkan data dalam bentuk tabel saat coding.

(SAN)