Tutorial 11 · Data

Data Tables & Progress

Sortable tables, pagination, progress and skeletons with lucUI.

12 minIntermediatelucUI 2 · v2.1.3

Objectives

  • Render .luc-table and pagination.
  • Add progress + skeleton.

Steps

Table

NameRole
AvaDesigner
JonDeveloper
table.html
<table class="luc-table">…</table>
<div class="luc-pagination">…</div>

Progress & skeleton

Skeletons use .luc-skeleton shimmer.

← Previous Next →