> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/bootstrap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/bootstrap/table.md).

# Table

![Bootstrap Table](https://2107043207-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MK16M7ld8511ASPudmE%2F-MK1A60bhZ83TKjN_ee7%2Fimage.png?alt=media\&token=8f3d68ec-99f4-42cf-b5a3-070d8850db47)

Bootstrap's [table](https://getbootstrap.com/docs/4.0/content/tables) enhances the basic HTML table.

![](https://2107043207-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MK16M7ld8511ASPudmE%2F-MK1AMVHTRv3M013MWNp%2Fimage.png?alt=media\&token=94f9e870-0593-4ba9-a8f6-7992fa75a65a)

Use the `bsTable` class to create an instance of Bootstrap's table inside WireBootstrap.

```javascript
const myTable = new wire.bsTable();
```

Render the component using an HTML `table` element.

```javascript
<table id="table" class="table table-hover table-striped"></table>
...
myTable.render("#table",{
    ...
});
```

### Web Component

Use the `wire-bs-table` web component to render the component using [Web Components](/bootstrap/web-components.md).

```html
<wire-bs-table wr-config=""></wire-bs-table>
```