Search

+ tablePart); var newTable = '#featureTable' + tableCount.toString(); $(newTable).DataTable( { data: data.f

// $("#featureTable").empty(); // $("#featureTable").DataTable().destroy(); // $("#featureTable&qu

$('#featureTable').DataTable( { data: data.features, //get the data under features columns: columns,

$('#featureTable').DataTable( { data: data.features, //get the data under features

I'm sorry, I've become a bit lost now. calling remove() removes the element, do not remove the table element if you want to do $('#featureTable') again, with no results to the jQuery selector there ar

2) Another feature is selected on the map.. thus another ajax call which runs the handleJson function and another table is created with the #featureTable id.

$('#featureTable').DataTable(...) says: Create a datatable on the node with the id featureTable. This means the jQuery selector must find a node with that id. If you have called $("#featureTable&

$('#featureTable').DataTable( { data: data.features, //get the data under features

Hmm, when you call $("#featureTable").remove() the table node is no longer in the DOM, do you create a new #featureTable node before you try to create a new datatable?

map.on('draw:deleted', function(){ selectionCounter = 1; isControlNull = true; selectionControl.remove();

$('#featureTable').DataTable( { data: data.features, //get the data under features

$("#featureTable").DataTable().destroy(true);