Home » How To » Cara Membuat Table Full-Width

Cara Membuat Table Full-Width

by Hanifah Nurbaeti
by Hanifah Nurbaeti

Di bawah ini kita akan mempelajar cara membuat tabel full-width( lebar maksimum) dengan CSS.

Cara Membuat Tabel Full-Width

Untuk membuat tabel dengan lebar maksimum, gunakan width: 100%:


<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">
table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;

th, td {
  text-align: left;
  padding: 16px;

<h2>Full-width Table</h2>
<p>Use width: 100% to create a full-width table:</p>

    <th>First Name</th>
    <th>Last Name</th>


You may also like