> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/pro-pack/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/pro-pack/datatables/data-binding.md).

# Data Binding

DataTables for WireBootstrap does not use a [datamap](https://docs.wirebootstrap.com/wirebootstrap/working-with-components/configuration/data#datamap) which means it does not expect any specific set of fields in data bound to the component.

To bind the component to data, set the configuration's `data` property.

```javascript
const rows = [
    { product: "Skates", sales: 1655},
    { product: "Bikes", sales: 1883 }
]

const table = new wire.datatables().render("#table", {
    data: rows
});
```
