01.
$(document).ready(
function
() {
02.
$(
'#example'
).DataTable( {
03.
"footerCallback"
:
function
( row, data, start, end, display ) {
04.
var
api =
this
.api(), data;
05.
06.
07.
var
intVal =
function
( i ) {
08.
return
typeof
i ===
'string'
?
09.
i.replace(/[\$,]/g,
''
)*1 :
10.
typeof
i ===
'number'
?
11.
i : 0;
12.
};
13.
14.
15.
total = api
16.
.column( 4 )
17.
.data()
18.
.reduce(
function
(a, b) {
19.
return
intVal(a) + intVal(b);
20.
}, 0 );
21.
22.
23.
pageTotal = api
24.
.column( 4, { page:
'current'
} )
25.
.data()
26.
.reduce(
function
(a, b) {
27.
return
intVal(a) + intVal(b);
28.
}, 0 );
29.
30.
31.
$( api.column( 4 ).footer() ).html(
32.
'$'
+pageTotal +
' ( $'
+ total +
' total)'
33.
);
34.
}
35.
} );
36.
} );