how to put multiple jquery dataTables in one page?

Question

I want to use jquery dataTables to show something.

It works well when i just put one dataTable in one page, then i add one more, but they occupied almost the same position, and one of them doesn't work well.

Do you know how to deal with that?

Answer 1

<table id="table1" class="display"> </table> <table id="table2" class="display"> </table> <table id="table3" class="display"> </table> 

$(document).ready(function() {   $('table.display').DataTable(); } ); 

All three tables will be displayed as long as you give the right class

<-- You wrote dataTable instead of DataTable-->