Punica CSS v3 Beta
Components Elements Utilities API Docs
Preview keyboard_arrow_down
Github keyboard_arrow_down
Elements
Table
  • Button
  • Form
  • Grid
  • Table

    • Table

    Just add the .table class to any table element. The class will add padding, border and emphasized table header.
    Header Header Header
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Props
    Default Class Name Combinators
    table .table
    striped .table.striped
    hovered .table.hovered
    active .table > tr.active
    Table with Caption
    Caption
    Header Header Header
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Hovered Tables

    Add the .hovered class to display a hover state on table rows.

    Header Header Header
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Striped Tables

    Add zebra-striping to a table by adding the .striped class.

    Header Header Header
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Table Data Table Data Table Data
    Active Table Row

    Just add the .active class to any tr element in table.

    Header Header Header
    Table Data Table Data Table Data
    edit delete
    Active Table Data Table Data
    edit delete
    Table Data Table Data Table Data
    edit delete