Table
A real <table> around your rows. responsive scrolls inline instead of wrapping; striped, hover and bordered are Bootstrap's variants. Your aria-* (such as aria-rowcount) land on the <table>.
Basic usage
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | Bird |
Source
import { BsTable } from '@mintplayer/react-bootstrap/table';<BsTable striped hover responsive aria-label="People"> <thead><tr><th>#</th><th>First</th><th>Last</th></tr></thead> <tbody>{rows.map((r) => <tr key={r.id}><td>{r.id}</td><td>{r.first}</td><td>{r.last}</td></tr>)}</tbody></BsTable>