Skip to content

Style guide

Nathanael CHERRIER edited this page Aug 27, 2017 · 4 revisions

Nativetable is not styled by default. You need to style your generated table yourself.

Nativetable use CSS classes to let you design your table as you want. All CSS selector generated by Nativetable are prefixed with nt-.

  • .nt-table for selecting the generated table
  • .nt-head for selecting the table's head
  • .nt-icon for selecting all icons used by Nativetable
  • .nt-icon-sort-none for selecting sorting icon with status none
  • .nt-icon-sort-asc for selecting sorting icon with status asc (ascendant)
  • .nt-icon-sort-desc for selecting sorting icon with status desc (descendant)
  • .nt-body for selecting the table's body
  • .nt-row for selecting the table's rows (they are inside .nt-body)
  • .nt-pagination for selecting pagination block
  • .nt-pagination-item for selecting an item of pagination block
  • .nt-pagination-item-active for selecting only the active item of pagination block

This is all the classes available with Nativetable.

Clone this wiki locally