2013-10-10 3 views
1

내 테이블 위에 몇 가지 버튼 (복사/CSV/엑셀/PDF/인쇄)를 추가 할 How can I export tables to excel from a webpage를 JQuery와 데이터 테이블 플러그인을 사용하고, 다음 메신저하지만 수출 활동은 아래, 나를 위해 작동하지 않습니다 (& 엑셀 & PDF가 & CSV를 복사) 내 주 코드 :CSV/Excel 기능으로 내보내기가 Datatable에서 작동하지 않습니까?

<head> 
<style type="text/css" title="currentStyle"> 
    @import "../../media/css/demo_page.css"; 
    @import "../../media/css/demo_table.css"; 
    @import "media/css/TableTools.css"; 
</style> 
<script type="text/javascript" charset="utf-8" src="../../media/js/jquery.js"></script> 
<script type="text/javascript" charset="utf-8" src="../../media/js/jquery.dataTables.js"></script> 
<script type="text/javascript" charset="utf-8" src="media/js/ZeroClipboard.js"></script> 
<script type="text/javascript" charset="utf-8" src="media/js/TableTools.js"></script> 

<script type="text/javascript" charset="utf-8"> 


$(document).ready(function() { 
    $('#example').dataTable({ 
     "sDom": 'T<"clear">lfrtip', 
      "oTableTools": { 
        "sSwfPath": "/swf/copy_cvs_xls_pdf.swf" 
       } 
     }); 
    }); 
</script> 
</head> 

어떤 도움이 필요합니까? 추가 : 클라이언트에서 작동

"oTableTools": { 
    "sSwfPath": "copy_csv_xls_pdf.swf", 
    "aButtons": [{ 
     "sExtends": "collection", 
     "sButtonText": "Export", 
     "aButtons": [{ 
      'sExtends': "csv" 
      }, 
      { 
       'sExtends': "xls" 
      }, 
      { 
       'sExtends': "pdf" 
      }, 
      { 
       'sExtends': "print" 
      }, 
     ], 
    }], 
} 
+0

어떤 브라우저로 작업하고 있습니까? –

+0

@ JannisHanke Chorme를 사용하고 있습니까? –

+0

.swf 경로가 올바른지 확인하십시오. 구성 파일도 올바른 폴더에 있습니까? –

답변

0
 var oTable = $('#tblView').dataTable({ 

         "bJQueryUI": true, 
         "sScrollX": "500px", 
         "sPaginationType": "full_numbers", 
         //"sDom": 'T<"clear">lfrtip', 
         // "sDom": '<"clear">lfrtipT', 
         "sDom": '<"H"lTfr>t<"F"ip>', 
         "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]], 
         "iDisplayLength": 10, 
         "oTableTools": { 
          "sSwfPath": "../Content/swf/copy_csv_xls.swf", 
          "aButtons": [ 
          { 
           "sExtends": "xls", 
           "mColumns": [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22], 
           "sPdfOrientation": "landscape", 
           "sButtonText": "Export to Excel", 
          } 
          ] 
         }, "bDestroy": true, 
         "aoColumnDefs": [{ 
          'bSortable': false, 
          'aTargets': [0, 1] 
          }], 


        }); 


use css and script 
<link href="~/Content/themes/base/demo_page.css" rel="stylesheet" /> 
<link href="~/Content/themes/base/demo_table_jui.css" rel="stylesheet" /> 
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" /> 
<link href="~/Content/themes/base/TableTools.css" rel="stylesheet" /> 
<script src="~/Scripts/js/jquery-1.8.2.js"></script> 
<script src="~/Scripts/js/jquery.ui.core.js"></script> 
<script src="~/Scripts/js/jquery.ui.widget.js"></script> 
<script src="~/Scripts/js/jquery.ui.datepicker.js"></script> 
<script src="~/Scripts/js/jquery.dataTables.js"></script> 
<script src="~/Scripts/js/jquery.ui.dialog.js"></script> 
<script src="~/Scripts/js/dataTables.tableTools.min.js"></script> 
0

나는 단지 구현 솔루션 : 내가 뭘 원하는이 버튼이 시도 this page

+0

다음 번에 사용하겠습니다. 감사합니다. –

관련 문제