Bulma framework provides CSS selector ‘table’ attribute.

HTML table can be created with the following tags

  • table: table contains
  • thead: table header
  • tfoot: table footer
  • tbody: table data body
  • tr: table row
  • th: table header cell column
  • td: table body cell column

bulma Table example

table tag is added with class=table selector which provides bulma styles for HTML table.

class=“is-selected” provides a row be selected with primary color.

Id Name Salary
2 Franc 4000
3 Mark 6000
5 Abdul 9000
*/}}

bulma table modifiers

Bulma provides the following inbuilt modifiers.

  • is-bordered: Makes all the cells in the table are border
  • is-striped: Removed left and right border of a table
  • is-narrow: table cells are narrowed.
  • is-hoverable: table row is changed the background color on mouse hover
  • is-fullwidth: full width table

html table modifiers

Id Name Salary
2 Franc 4000
3 Mark 6000
5 Abdul 9000

Here is a complete example

*/}}