Jabatan Agama Islam Melaka

PERTANYAAN? TELEFON: +606-333 3333 / 5600 / 5607
  • Peta Laman
  • Aduan dan Maklum Balas
  • Soalan Lazim
  • Utama
  • JAIM
    • Perutusan Pengarah
    • Visi, Misi & Moto
    • Sejarah
    • Fungsi & Strategi
    • Pencapaian Jabatan
    • Majlis Bersama Jabatan
  • Bahagian
    • Info Bahagian
      • Khidmat Pengurusan
      • Pengurusan Dakwah
      • Penguatkuasaan Syariah
    • Info Bahagian
      • Pengurusan Halal
      • Pengurusan Masjid
      • Pengurusan Pendidikan
      • Pembangunan Keluarga
    • Pejabat Agama Islam Daerah
      • PAID Alor Gajah
      • PAID Melaka Tengah
      • PAID Jasin
  • Media
    • Galeri Video
  • Muat Turun
    • Borang
    • Dokumen ISO
    • Garis Panduan / Polisi
  • Hubungi Kami
    • Maklumbalas dan Lokasi.
    • Direktori Staff JAIM
  • Home
  • Style – Tables
May 23, 2022

Style – Tables

Style – Tables

Default styles

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

Optional classes

Add any of the following classes to the .table base class.

.table-striped

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-bordered

Add borders and rounded corners to the table.

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-hover

Enable a hover state on table rows within a <tbody>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-condensed

Makes tables more compact by cutting cell padding in half.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

Optional row classes

Use contextual classes to color table rows.

Class Description
.success Indicates a successful or positive action.
.error Indicates a dangerous or potentially negative action.
.warning Indicates a warning that might need attention.
.info Used as an alternative to the default styles.
# Product Payment Taken Status
1 TB – Monthly 01/04/2012 Approved
2 TB – Monthly 02/04/2012 Declined
3 TB – Monthly 03/04/2012 Pending
4 TB – Monthly 04/04/2012 Call in to confirm
...
  <tr class="success">
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
  </tr>
...

Supported table markup

List of supported table HTML elements and how they should be used.

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labelsMust be used within a <thead>
<caption> Description or summary of what the table holds, especially useful for screen readers
<table>
  <caption>...</caption>
  <thead>
    <tr>
      <th>...</th>
      <th>...</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
</table>

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Pekeliling JAIM Bil 2/2022 : Pemakluman Mengenai Kutipan FI Proses Kepada Permohonan Pensijilan Halal Di Negeri Melaka Berdasarkan Manual Prosedur Pensijilan Halal Malaysia (Domestik) 2020

    ...
  • Perintah-perintah Am Bab C (Cuti) Tahun 1974 Pengurusan Kemudahan Cuti Pegawai Perkhidmatan Awam

    ...
  • Hulurkan Sumbangan Anda Bagi COVID-19 di Melaka

    ...
  • Info Berkaitan Novel Coronavirus

    Soalan 1: Apakah Coronavirus? Coronavirus&...
  • Lawatan YBhg. Dato’ Che Sukri Bin Che Mat (Pengarah JAIM) Ke Pulau Besar Bagi Cadangan Projek Pusat Tamadun Islam Pulau Besar Bersama Agensi Kerajaan

    Lokasi di Pulau Besar, Melaka...

Recent Comments

  • JuliusCex on Lawatan YBhg. Dato’ Che Sukri Bin Che Mat (Pengarah JAIM) Ke Pulau Besar Bagi Cadangan Projek Pusat Tamadun Islam Pulau Besar Bersama Agensi Kerajaan
  • TimmyCit on Lawatan YBhg. Dato’ Che Sukri Bin Che Mat (Pengarah JAIM) Ke Pulau Besar Bagi Cadangan Projek Pusat Tamadun Islam Pulau Besar Bersama Agensi Kerajaan
  • RobertSpogs on Lawatan YBhg. Dato’ Che Sukri Bin Che Mat (Pengarah JAIM) Ke Pulau Besar Bagi Cadangan Projek Pusat Tamadun Islam Pulau Besar Bersama Agensi Kerajaan
  • PeterJoifs on Lawatan YBhg. Dato’ Che Sukri Bin Che Mat (Pengarah JAIM) Ke Pulau Besar Bagi Cadangan Projek Pusat Tamadun Islam Pulau Besar Bersama Agensi Kerajaan
  • JackieSah on Lawatan YBhg. Dato’ Che Sukri Bin Che Mat (Pengarah JAIM) Ke Pulau Besar Bagi Cadangan Projek Pusat Tamadun Islam Pulau Besar Bersama Agensi Kerajaan

Featured Posts

  • Pekeliling JAIM Bil 2/2022 : Pemakluman Mengenai Kutipan FI Proses Kepada Permohonan Pensijilan Halal Di Negeri Melaka Berdasarkan Manual Prosedur Pensijilan Halal Malaysia (Domestik) 2020

    34 comments
  • Perintah-perintah Am Bab C (Cuti) Tahun 1974 Pengurusan Kemudahan Cuti Pegawai Perkhidmatan Awam

    25 comments
  • Hulurkan Sumbangan Anda Bagi COVID-19 di Melaka

    673 comments
  • Info Berkaitan Novel Coronavirus

    6 comments
  • Lawatan YBhg. Dato’ Che Sukri Bin Che Mat (Pengarah JAIM) Ke Pulau Besar Bagi Cadangan Projek Pusat Tamadun Islam Pulau Besar Bersama Agensi Kerajaan

    2908 comments

Archives

  • March 2022
  • May 2021
  • April 2021

Categories

  • Berita
  • Pengumuman

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

GET A FREE QUOTE

Please fill this for and we'll get back to you as soon as possible!

WAKTU SOLAT

Subuh 88:88
Syuruk 88:88
Zohor 88:88
Asar 88:88
Maghrib 88:88
Isyak 88:88

HUBUNGI KAMI

Jabatan Agama Islam Melaka
Aras 2, Bahagian Khidmat Pengurusan,
Pusat Islam Melaka
75400 Melaka

T (606) 333 3333 / 5600 / 5607
T (606) 333 3333
Email: [email protected]

Open in Google Maps

WAKTU OPERASI

Isnin – Khamis
7.30 pagi – 1.00 petang
2.00 petang – 6.00 petang

Jumaat
7.30 pagi – 12.15 tghari
2.45 petang – 6.00 petang

  • Dasar Keselamatan dan Privasi
  • Penafian
  • GET SOCIAL
Jabatan Agama Islam Melaka

© 2021 All rights reserved. Jabatan Agama Islam Melaka.
Paparan Terbaik menggunakan Internet Explorer 9 ke atas, Mozilla Firefox 3.5 ke atas, Safari dan Google Chrome dengan resolusi 1366 x 768 pixels.

TOP