carbon-components
Version:
Carbon Components is a component library for IBM Cloud
35 lines (24 loc) • 1.57 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>
```