Data Binding

DataTables for WireBootstrap does not use a 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.

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

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