carbon-components
Version:
Carbon Components is a component library for IBM Cloud
33 lines (24 loc) • 1.61 kB
Markdown
### JavaScript
#### Public Methods
| Name | Params | Description |
| --------- | ------ | --------------------------------------------------------- |
| `release` | | Deletes the instance and removes document event listeners |
#### Options
| Option | Default Selector | Description |
| ------------------- | ---------------------------- | ----------------------------------------------------------------------- |
| `selectorInit` | `[data-toolbar]` | The selector to find instances of the component |
| `selectorSearch` | `[data-toolbar-search]` | The selector to find the search field in the toolbar |
| `selectorRowHeight` | `[data-row-height]` | The selector to find the buttons to change the row height of table rows |
| `classTallRows` | `bx--responsive-table--tall` | The modifier class for tall table rows |
| `classSearchActive` | `bx--toolbar-search--active` | The class for the active state of the toolbar search input |
### FAQ
#### Bind a Toolbar to a Table
To bind a toolbar to a specific table add the table component's unique id to the `data-table-target` attribute of the toolbar.
```html
<div class="bx--toolbar" data-table-target="unique-id"></div>
<div class="bx--responsive-table-container" data-responsive-table>
<table class="bx--responsive-table" data-table id="unique-id">
...
</table>
</div>
```