FREE CSS COMPONENT

Table

For large datasets, combine this base pattern with sorting, filtering, pagination, and mobile-specific presentation.

Live preview

Name	Status
Portal	Live
Dashboard	Draft

HTML

<table class="demo-table">
<thead><tr><th>Name</th><th>Status</th></tr></thead>
<tbody><tr><td>Portal</td><td>Live</td></tr></tbody>
</table>

CSS

.demo-table{width:100%;border-collapse:collapse;color:#222;font:13px Inter,sans-serif}.demo-table th,.demo-table td{text-align:left;padding:12px;border-bottom:1px solid #ddd}.demo-table th{font-size:11px;text-transform:uppercase;color:#777}