2014-09-24 23 views
5

Sto usando Jquery DataTable TableTool nell'applicazione Web ASP.NET MVC4. Esporta in Excel e PDF funziona bene con Chrome. Ma non funziona in IE e FireFox. Il mio codice è il seguenteJquery DataTable TableTool non funziona in IE e Firefox

dom: 'T<"clear">lfrtip', 
      tableTools: { 
       "sSwfPath": "../media/swf/copy_csv_xls_pdf.swf", 
       "aButtons": [ 
          { 
           "sExtends": "xls", 
           "sFileName": "Orders.csv", 
           "bFooter": false, 
           "mColumns": "visible", 
           "bHeader":false 
          } 

          ] 
      }, 

Uno please help me

+0

eventuali errori nella console? – davidkonrad

+0

Si prega di mostrare il markup html per il tavolo che si sta targeting. Si noti che funzionerà solo su tabelle con html ben formato. –

+1

vedere questa risposta -> http://stackoverflow.com/a/28694547/1407478 – davidkonrad

risposta

0
var oTable1 = $('#Ccctbl').dataTable({ 
      "bPaginate": true, 
      "bDeferRender": true, 
      "bProcessing": true, 
      "bJQueryUI": true, 
      "sDom": '<"toolbar">frtip', 
      "sAjaxSource": "/Setup/LoadCostCenterCategory/", 
      "iDisplayLength": 15, 
      "bDestroy": true, 
      "fnPreDrawCallback": function (oSettings, json) { 
       var id = $(this).attr('id'); 
       $("#ToolTables_" + id + "_0").html("<i class='icon-copy bigger-120 blue'></i>") 
       $("#ToolTables_" + id + "_1").html("<i class='icon-file-text green bigger-120'></i>") 
       $("#ToolTables_" + id + "_0").attr("title", "Copy"); 
       $("#ToolTables_" + id + "_1").attr("title", "Export To Excel"); 

      }, 
      "sDom": "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", 
      "oTableTools": { 
       "sSwfPath": "//cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls.swf", 
       "aButtons": [ 
        { 
         'sExtends': 'copy', 
         "oSelectorOpts": { filter: 'applied', order: 'current' }, 
        }, 
        { 
         'sExtends': 'xls', 
         "oSelectorOpts": { filter: 'applied', order: 'current' }, 
        } 

       ] 
      }, 
      "aoColumns": [ 
      { "mData": "CODE", "sTitle": "Cost Center Category Code", "sWidth": "25%", "bSortable": false }, 
      { "mData": "DESCRIPTION", "sTitle": "Description", "sWidth": "25%", "bSortable": false }, 
      { "mData": "strsegcattype", "sTitle": "Segment", "sWidth": "25%", "bSortable": false }, 
      { "mData": "strIsActive", "sTitle": "Active", "sWidth": "25%", "bSortable": false }, 
      ] 
     }); 
+0

Questo codice funziona bene in tutti i browser. È necessario utilizzare seguente jQuery, jquery.dataTables.min.js, jquery.dataTables.bootstrap.js, TableTools.min.js, dataTables.tableTools.min.js – user3040532

Problemi correlati