Table

Styled tables with striped, bordered, hoverable, and compact variants.

Basic usage

Name	Type	Status
Item 1	File	Active
Item 2	Folder	Inactive
Item 3	File	Active

<table class="kit-table">
  <thead>
    <tr><th>Name</th><th>Type</th><th>Status</th></tr>
  </thead>
  <tbody>
    <tr><td>Item 1</td><td>File</td><td>Active</td></tr>
    <tr><td>Item 2</td><td>Folder</td><td>Inactive</td></tr>
    <tr><td>Item 3</td><td>File</td><td>Active</td></tr>
  </tbody>
</table>

Striped

Name	Value
Row 1	Value 1
Row 2	Value 2
Row 3	Value 3
Row 4	Value 4

<table class="kit-table -striped">...</table>

Bordered

A	B	C
1	2	3
4	5	6

<table class="kit-table -bordered">...</table>

Hoverable

Name	Action
Hover me	Row 1
Hover me	Row 2

<table class="kit-table -hoverable">...</table>

Compact

ID	Name	Status
1	Process A	Running
2	Process B	Stopped
3	Process C	Running

<table class="kit-table -compact -bordered">...</table>

Semantic header colors

Name	Value
Item	100

<table class="kit-table -primary">...</table>

Responsive

Col 1	Col 2	Col 3	Col 4	Col 5
Data	Data	Data	Data	Data

<div class="kit-table-responsive">
  <table class="kit-table">...</table>
</div>