Несколько jQuery Datatables на той же странице

Question

У меня есть два jQuery datatables на одной странице ascx. Я пытаюсь вставить гиперссылку в div панели инструментов, которая вызывает ссылку в коде позади, после того, как таблица была отображена. Вот код:

  var SDFtable = $('#tblSDF').dataTable(
      { 
       "scrollY": "300px", 
       "scrollX": true, 
       "scrollCollapse": true, 
       "paging": false, 
       "autowidth": true, 

       dom: '<"toolbar"><"filterPad"f>rti<"floatRight"B><"clear">', 

       //all available button options 
       //'copy', 'csv', 'excel', 'pdf', 'print' 

       buttons: { 
        buttons: [ 
         { extend: 'excel', text: 'Download this grid in Excel', exportOption: { page: 'current' }, footer: true } 
        ] 
       } 

      }); 

      $("div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel" runat="server">SDF Pool</a></h2>'); 

Проблема заключается в том, что у меня есть два из этих блоков кода, один для каждой таблицы, и когда второй $ («div.toolbar») проходит линия, она добавляет, что ссылки на обоих DataTables. Как я могу ссылаться на конкретную таблицу, которая рисуется?

Заранее спасибо.

Answer 1

попробовать это:

$("#tblSDF_wrapper div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel" runat="server">SDF Pool</a></h2>'); 

Answer 2

Попробуйте это:

$('#tblSDF').find("div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel" runat="server">SDF Pool</a></h2>');