2014-09-24 45 views
5

我在我的MVC4 ASP.NET Web应用程序中使用Jquery DataTable TableTool。导出到Excel和PDF可以很好地与Chrome兼容。但不适用于IE和FireFox。 我的代码如下在IE和Firefox中不工作的Jquery DataTable TableTool

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 
          } 

          ] 
      }, 

任何一个特定的请帮我

+0

任何错误控制台? – davidkonrad 2014-09-30 12:45:19

+0

请为您所定位的表格显示您的html标记。请注意,它只适用于格式良好的html表格。 – 2014-10-14 10:43:01

+1

看到此答案 - > http://stackoverflow.com/a/28694547/1407478 – davidkonrad 2015-02-25 19:55:24

回答

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

此代码在所有浏览器中工作正常。 您需要使用以下的jquery, jquery.dataTables.min.js, jquery.dataTables.bootstrap.js, TableTools.min.js, dataTables.tableTools.min.js – user3040532 2015-05-08 06:01:55

相关问题