PERKHIDMATAN ATAS TALIAN
-
MYFutureJobs
Mulakan Perjalanan Kerjaya Anda Dari Sini -
ePPAx
Sistem Pengurusan Pekerja Asing Bersepadu -
eTraining HRDF
Pusat Sehenti untuk menyediakan penyelesaian pembiayaan Pembangunan Sumber Manusia. -
Bayaran Pinjaman Latihan PTPK
Menyediakan dana untuk membiayai latihan kemahiran dan pembayaran balik pinjaman. -
e-Industrial Court
Sistem Utama Mahkamah Perusahaan -
Permohonan ILJTM
Melahirkan tenaga manusia yang optimum melalui program latihan kemahiran perindustrian. -
MySPIKE
MySPIKE – Sistem Pengurusan Integrasi Kemahiran Malaysia -
TiPS
TVET Instructor eProfiling System

PERMOHONAN PEKERJA ASING
- Pengoperasian Pusat kelulusan Setempat, Bahagian Pengurusan Pekerja Migran
- Syarat/Kriteria Asas Permohonan Kuota Penggajian Pekerja Asing
- Borang & Senarai Semak
AKTIVITI TERKINI (BARU!)
LAGI --
:::Kenyataan Media (17.11.2023) KOS PEMBAHARUAN PERMIT PEKERJA DOMESTIK ASING (PDA)
Kenyataan Media (17.11.2023) KOS PEMBAHARUAN PERMIT PEKERJA DOMESTIK ASING (PDA) -
:::Kenyataan Media (14.11.2023) PERHIMPUNAN KESATUAN SEKERJA PERINGKAT KEBANGSAAN TAHUN 2023
Kenyataan Media (14.11.2023) PERHIMPUNAN KESATUAN SEKERJA PERINGKAT KEBANGSAAN TAHUN 2023 -
:::Kenyataan Media (10.11.2023) PROSEDUR/PROSES PEMBAHARUAN PERMIT PEKERJA DOMESTIK ASING (PDA)
Kenyataan Media (10.11.2023) PROSEDUR/PROSES PEMBAHARUAN PERMIT PEKERJA DOMESTIK ASING (PDA) -
:::Kenyataan Media (09.11.2023) MAKLUM BALAS PARLIMEN BERKAITAN PELAKSANAAN UPU TVET
Kenyataan Media (09.11.2023) MAKLUM BALAS PARLIMEN BERKAITAN PELAKSANAAN UPU TVET -
:::Kenyataan Media (06.11.2023) MERTUA DAN MENANTU PENERIMA FAEDAH PERKESO
Kenyataan Media (06.11.2023) MERTUA DAN MENANTU PENERIMA FAEDAH PERKESO -
::: Kenyataan Media (02.11.2023) MAKLUM BALAS TERHADAP LAPORAN AKHBAR SECARA TALIAN BERTAJUK ONLY 1 PERSON CERTIFIED TO INSTALL, MAINTAIN EV CHARGING STATIONS NATIONWIDE
Kenyataan Media (02.11.2023) MAKLUM BALAS TERHADAP LAPORAN AKHBAR SECARA TALIAN BERTAJUK “ONLY 1...
Table Designs
- Kategori: Site Content
- Diterbitkan: Khamis, 21 Mac 2013 16:38
- Ditulis oleh Super User
- Jumlah paparan: 536024
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 |
<table class="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 |
<table class="table table-striped"> … </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 |
<table class="table table-bordered"> … </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 |
<table class="table table-hover"> … </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 |
<table class="table table-condensed"> … </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) labels Must 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>