WARNING You're browsing the documentation for an upcoming version of Laravel DataTables. The documentation and features of this release are subject to change.
HTML Builder Event Callbacks
Callbacks are JavaScript functions that DataTables executes at specific events during the table's lifecycle.
Available Callbacks
| Callback | Description |
|---|---|
createdRow |
Called when a TR element is created |
drawCallback |
Called every time DataTables performs a draw |
footerCallback |
Footer display callback function |
formatNumber |
Number formatting callback function |
headerCallback |
Header display callback function |
infoCallback |
Table summary information display callback |
initComplete |
Initialisation complete callback |
preDrawCallback |
Pre-draw callback |
rowCallback |
Row draw callback |
Basic Usage
$html = $builder ->drawCallback('function() { alert("Table Drawn"); }') ->createdRow('function(row, data) { ... }');Complete Examples
drawCallback
$html = $builder->drawCallback('function() { console.log("Table redrawn"); $(".dataTables_wrapper .btn").addClass("btn-sm");}');createdRow
$html = $builder->createdRow('function(row, data, dataIndex) { $(row).addClass("user-row"); $(row).attr("data-id", data.id);}');footerCallback
$html = $builder->footerCallback('function(tfoot, data, start, end, display) { var api = this.api(); var total = api.column(3).data().reduce(function(a, b) { return parseFloat(a) + parseFloat(b); }, 0); $(tfoot).find("td").eq(3).html("$" + total.toFixed(2));}');