Postingan lainnya
Sum Datatable Column dan Row
Halo kawan, Saya ada sedikit tanya. Jika melakukan SUM total kolom ke bawah pada datatable bisa menggunakan fitur footer callback seperti bada link https://datatables.net/examples/advanced_init/footer_callback.html
Adakah yang pernah berhasil men SUM row per baris.
No Januari Februari Total 1 3 5 8 2 3 6 9 3 2 7 9 4 1 1 2 Total 9 19 28->Footer callback
0
2 Jawaban:
itu bukannya tutornya uda jelas ya gan, jadi di datatables tinggal ditambahin script yg ada di link yg agan bagi.
table = $('#table').DataTable({
"processing": true, //Feature control the processing indicator.
"serverSide": true, //Feature control DataTables' server-side processing mode.
"order": [], //Initial no order.
// Load data for the table's content from an Ajax source
"ajax": {
"url": "index.php/estudiante/ajax_list",
"type": "POST"
},
//Set column definition initialisation properties.
"columnDefs": [
{
"targets": [ 0 ], //first column
"orderable": false, //set not orderable
},
{
"targets": [ -1 ], //last column
"orderable": false, //set not orderable
},
],
"footerCallback": function ( row, data, start, end, display ) {
var api = this.api(), data;
// Remove the formatting to get integer data for summation
var intVal = function ( i ) {
return typeof i === 'string' ?
i.replace(/[\$,]/g, '')*1 :
typeof i === 'number' ?
i : 0;
};
// Total over all pages
total = api
.column( 4 )
.data()
.reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Total over this page
pageTotal = api
.column( 4, { page: 'current'} )
.data()
.reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Update footer
$( api.column( 4 ).footer() ).html(
'$'+pageTotal +' ( $'+ total +' total)'
);
],
});
});
0
