Skip to content
Learn Netverks

Lesson

Step 22/36 61% through track

table

Tables

Last reviewed May 28, 2026 Content v20260528
Track mode
iframe_html
Means
HTML preview sandbox
Reading
~1 min
Level
beginner

This lesson

This lesson teaches Tables—the ideas, syntax, and habits you need before moving on in Bulma.

Bulma offers a lighter component model when Bootstrap feels too heavy or dated.

You will apply Tables in contexts like: Smaller marketing sites, internal dashboards, and projects that need quick responsive layout with minimal JS.

Read the lesson, edit HTML/CSS in the playground, press Run to preview, then answer the lesson MCQs.

When the previous lesson's MCQs feel easy and you can explain Tables in your own words.

Wrap tabular data in table-container (horizontal scroll on narrow screens) and a semantic <table class="table">. Modifiers: is-fullwidth, is-striped, is-hoverable, is-narrow.

Semantics first

  • Use <thead>, <tbody>, and <th scope="col"> for real data grids.
  • Status columns pair well with tag components instead of color-only cells.
  • Action cells: button is-small is-link or text links—keep one primary action per row.

Important interview questions and answers

  1. Q: Why table-container?
    A: It enables overflow scrolling so wide admin tables do not break mobile layouts.
  2. Q: Bulma table vs raw HTML table CSS?
    A: Bulma applies consistent padding, borders, and hover states; you still own accessible structure and meaningful headers.

Self-check

  1. Which modifier adds zebra striping?
  2. What wrapper prevents horizontal page scroll on small viewports?

Interview tip Lesson completion confidence

Can you explain this lesson in 30 seconds without reading notes?

Not saved yet.

Playground

Runs in your browser in a sandboxed frame. Backend runners appear when this track’s profile allows them.

Check yourself

Multiple choice — immediate feedback.

Discussion

Past discussion is visible to everyone. Only logged-in users can post comments and replies.

Starter discussion topics

  • table is-striped when?
  • Responsive table strategy?

Sign up or log in to post comments and sync lesson progress across devices.

No discussion yet. Be the first to ask a question.

Jump