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
<script setup lang="ts">import { BsTable } from '@mintplayer/vue-bootstrap/table';</script><template> <BsTable striped hover responsive aria-label="People"> <thead><tr><th>#</th><th>First</th><th>Last</th></tr></thead> <tbody><tr v-for="r in rows" :key="r.id"><td>{{ r.id }}</td><td>{{ r.first }}</td><td>{{ r.last }}</td></tr></tbody> </BsTable></template>