Bulma framework provides css selector ‘table’ attribute

HTML table can be created with following tags

  • table: table contain
  • 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 an row be selected with primary color.

IdNameSalary
2Franc4000
3Mark6000
5Abdul9000
*/}}

bulma table modifiers

Bulma provides following inbuilt modifiers

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

html table modifiers

IdNameSalary
2Franc4000
3Mark6000
5Abdul9000

Here is an complete example

*/}}