Table

Table for dense data, with its own horizontal scroll. Zebra striping and density are set once on the table and reach the cells through a descendant selector.

Default

Service	Environment	Status
vapulab-api	production	Active
vapulab-web	production	Active
vapulab-jobs	staging	Degraded
vapulab-etl	staging	Stopped

@components.Table(components.TableProps{}) {
  @components.THead() {
    @components.TR() {
      @components.TH(components.THProps{}) { Service }
    }
  }
  @components.TBody() {
    @components.TR() {
      @components.TD(components.TDProps{}) { vapulab-api }
    }
  }
}

Zebra and compact

Service	Environment	Status
vapulab-api	production	Active
vapulab-web	production	Active
vapulab-jobs	staging	Degraded
vapulab-etl	staging	Stopped

@components.Table(components.TableProps{Zebra: true, Compact: true}) { ... }