{"id":606,"date":"2026-06-24T17:39:45","date_gmt":"2026-06-24T10:39:45","guid":{"rendered":"https:\/\/www.bisasoftware.id\/2026\/?p=606"},"modified":"2026-06-25T14:50:21","modified_gmt":"2026-06-25T07:50:21","slug":"bab-6-tabel-bootstrap","status":"publish","type":"post","link":"https:\/\/www.bisasoftware.id\/2026\/bab-6-tabel-bootstrap\/","title":{"rendered":"BAB 6 – TABEL BOOTSTRAP"},"content":{"rendered":"\n

Tujuan Pembelajaran<\/h2>\n\n\n\n

Peserta mampu membuat tabel profesional.<\/p>\n\n\n\n

\n\n\n\n

A. Tabel Dasar<\/h1>\n\n\n\n
<table class=\"table\">

<tr>
<th>No<\/th>
<th>Nama<\/th>
<\/tr>

<tr>
<td>1<\/td>
<td>Budi<\/td>
<\/tr>

<\/table><\/code><\/pre>\n\n\n\n
\n\n\n\n
B. Table Striped<\/h1>\n\n\n\n
<table class=\"table table-striped\"><\/code><\/pre>\n\n\n\n
\n\n\n\n
C. Table Hover<\/h1>\n\n\n\n
<table class=\"table table-hover\"><\/code><\/pre>\n\n\n\n
\n\n\n\n
D. Table Bordered<\/h1>\n\n\n\n
<table class=\"table table-bordered\"><\/code><\/pre>\n\n\n\n
\n\n\n\n
Praktik 1<\/h1>\n\n\n\n
Data Siswa<\/h2>\n\n\n\n
<table class=\"table table-striped table-hover\">

<thead>

<tr>
<th>No<\/th>
<th>Nama<\/th>
<th>Kelas<\/th>
<\/tr>

<\/thead>

<tbody>

<tr>
<td>1<\/td>
<td>Andi<\/td>
<td>XI RPL<\/td>
<\/tr>

<\/tbody>

<\/table><\/code><\/pre>\n\n\n\n
\n\n\n\n
E. Table Responsif<\/h1>\n\n\n\n
<div class=\"table-responsive\">

<table class=\"table\">

<\/table>

<\/div><\/code><\/pre>\n\n\n\n
\n\n\n\n
Praktik 2<\/h1>\n\n\n\n
Buat tabel data barang kasir:<\/p>\n\n\n\n
    \n
  • Kode Barang<\/li>\n\n\n\n
  • Nama Barang<\/li>\n\n\n\n
  • Harga<\/li>\n\n\n\n
  • Stok<\/li>\n<\/ul>\n\n\n\n
    \n\n\n\n
    Latihan Bab <\/h1>\n\n\n\n
      \n
    1. Apa fungsi table-striped?<\/li>\n\n\n\n
    2. Apa fungsi table-hover?<\/li>\n\n\n\n
    3. Apa fungsi table-bordered?<\/li>\n\n\n\n
    4. Mengapa tabel perlu responsif?<\/li>\n\n\n\n
    5. Apa fungsi table-responsive?<\/li>\n<\/ol>\n\n\n\n
      TUGAS PRAKTEK<\/h2>\n\n\n\n
      Buat tabel data siswa:<\/p>\n\n\n\n
      NIS<\/th>Nama<\/th><\/tr><\/thead>
      1001<\/td>Budi<\/td><\/tr>
      1002<\/td>Siti<\/td><\/tr>
      1003<\/td>Rina<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
      Menggunakan:<\/p>\n\n\n\n
      table-striped
      table-hover<\/code><\/pre>\n\n\n\n
      <\/p>\n","protected":false},"excerpt":{"rendered":"
      Tujuan Pembelajaran Peserta mampu membuat tabel profesional. A. Tabel Dasar B. Table Striped C. Table Hover D. Table Bordered Praktik…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[20],"tags":[35],"class_list":["post-606","post","type-post","status-publish","format-standard","hentry","category-tutorial-bootstrap","tag-tutorial-bootstrap"],"_links":{"self":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/comments?post=606"}],"version-history":[{"count":3,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/606\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/606\/revisions\/638"}],"wp:attachment":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/media?parent=606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/categories?post=606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/tags?post=606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}