Bootstrap dasar : table

by istiq20

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Table</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="table-responsive">
    <table class="table">
        <thead>
        <tr>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
            <th>Kolom 1</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
        </tr>
        <tr>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
        </tr>
        <tr>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
            <td>isi kolom 1</td>
        </tr>
        <tr>
            <td>isi...