2014-09-24 15 views
5

Ich verwende Jquery DataTable TableTool in meiner MVC4 ASP.NET-Webanwendung. Export nach Excel und PDF funktioniert gut mit Chrome. Aber nicht in IE und FireFox arbeiten. Mein Code ist untenJquery DataTable TableTool funktioniert nicht in IE und Firefox

gegeben
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 
          } 

          ] 
      }, 

Jeder helfen mir bitte

+0

Fehler in der Konsole? – davidkonrad

+0

Bitte zeigen Sie Ihre HTML-Markup für die Tabelle, die Sie anvisieren. Beachten Sie, dass es nur für Tabellen mit gut formatiertem HTML funktioniert. –

+1

siehe diese Antwort -> http://stackoverflow.com/a/28694547/1407478 – davidkonrad

Antwort

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

Dieser Code funktioniert in allen Browsern. Sie müssen folgende Jquery verwenden, jquery.dataTables.min.js, jquery.dataTables.bootstrap.js, TableTools.min.js, dataTables.tableTools.min.js – user3040532

Verwandte Themen