Datatable is preventing an Addbutton to get fired

Datatable is preventing an Addbutton to get fired

Hi!When putting the code bellow in my code,and try to click on the addButton,the add button is not get fired but when I am removing it and click on it the addButton is get fired.This is the code I am using to load data with datatable:

if (typeof ($ProductTable) == "undefined") {
      $ProductTable = $("#tabledisplay").dataTable({
        "sPaginationType": "full_numbers",
        "bAutoWidth": false,
        "sAjaxSource": 'Handler/ServiceHandler.ashx',
        "fnDrawCallback": function () {
          if ($('#tabledisplay_paginate span span.paginate_button').size()) {
            $('#tabledisplay_paginate')[0].style.display = "block";
            $('#tabledisplay_length')[0].style.display = "block";
          } else {
            $('#tabledisplay_paginate')[0].style.display = "none";
            if ($("#tabledisplay tbody tr").length <= 10)
              $('#tabledisplay_length')[0].style.display = "none";
            else
              $('#tabledisplay_length')[0].style.display = "block";
          }
        }
      });
      $ProductTable.fnSetColumnVis(index, false);
    }
Help fixing this!