Bulma - Table

Bulma framework provides CSS selector ’table’ attribute.

HTML table can be created with the following tags

• table: tag for table container
• 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 to be selected with the primary color.

Here is a code pen

*/}}

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

Here is a complete example

*/}}