DataTable.js - automatic init

Question

I am trying to automatically init all data tables:

var dataTables = document.getElements('table.datatable');
for(var i= 0; < dataTables.length; i++) {
  dataTables[i].DataTable();
}

My table:

<table cellspacing="0" class="table datatable table-striped table-bordered no-footer" id="articlestable">

But I get the following error:

TypeError: dataTables[i].dataTable is not a function

Anyone knows what I am missing?

Answer 1

Did you try with JQuery?

 $(document).ready(function() {
    $('table.datatable').dataTable();       
 });