chrisdiana/footer.js

Last active January 28, 2021 03:42

Star 4 You must be signed in to star a gist
Fork 2 You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/chrisdiana/1a9ab4c0f40368f7a658b721603ccbcc.js"></script>
Save chrisdiana/1a9ab4c0f40368f7a658b721603ccbcc to your computer and use it in GitHub Desktop.

Download ZIP

Dynamically add footer to jQuery Datatable

Raw

	var oTable = $('#grid-table').DataTable({
	fnFooterCallback: function(row, data, start, end, display) {
	var api = this.api();
	var footer = $(this).append('<tfoot><tr></tr></tfoot>');
	this.api().columns().every(function () {
	var column = this;
	$(footer).append('<th><input type="text" style="width:100%;"></th>');
	});
	}
	});

kabapy commented Mar 3, 2018

many thanks

jgorene commented Apr 22, 2018

Thanks too ;)

natsu90 commented May 24, 2018 •

edited

thanks too. i changed fnFooterCallback to initComplete.

RagilPratama commented Sep 8, 2020

how can i get sum from every column?

petchpcr commented Sep 24, 2020

Thanks so much!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment