2013-07-10 2 views
3

Excel 테이블 내보내기를 데이터 테이블에 구현했습니다. 타블렛 참조 및 SWF를 로컬 작업 공간에 포함 시켰습니다.Jquery 데이터 테이블 - Excel 내보내기가 작동하지 않습니다.

var oTable = $("#products").dataTable({ 
     "aaData": newarray, 
     "bProcessing": true, 
     "bDeferRender": true, 
     "bFilter": false, 
     "bRetrieve": true, 
     "bPaginate": true, 
     "bJQueryUI": true, 
     "sPaginationType": "two_button", 
     "sDom": '<"H"Tfr>t<"F"ip>', 
     "oTableTools": { 
      "sSwfPath": "../swf/copy_csv_xls.swf", 
      "aButtons": [ "xls" ] 
     }, 
     "bSort": true, 

그것의 단지 표 머리글에서 내보내기 옵션을 표시하지만, 아무런 조치가 없다, 아무것도 내가 할 필요가있는 단계가 happening.Is하지? 언급없이 oTableTools를 사용하지 않으면 인쇄 옵션이 정상적으로 작동하므로 내 환경이 잘 작동합니다.

어떤 단계를 수행했는지 알려주십시오.

감사

+0

모든 신체의 html('<img ..>') 변경 버튼

  • 사용 <img src='..> 버튼
  • 사용 jQuery를의 sButtonText 속성 내부에 대한 CSS 배경 이미지와 위치를 지정 생각이 이 문제에 대해? – user2444474

  • +0

    코드에 무슨 일이 일어나는지 확실하지 않지만 http://datatables.net/release-datatables/extras/TableTools/index.html –

    +0

    대체 초기화 설정 방법을 시도해보십시오. http : // datatables .net/release-datatables/extras/TableTools/alt_init.html – Stefan

    답변

    9

    나는 결국은 그렇게하기위한 것입니다 때문에 Excel로 내보내기도 (Excel에서 읽을 수 있습니다) .csv 파일을 생성하는 이유는 것을 발견했다. 이것은 아직 구현되지 않은 버그입니다. 여기에서 토론을 참조하십시오. http://datatables.net/forums/discussion/4043/export-to-excel-wrong-extention-.csv./p1

    다른 문제는 sSwfPath가 올바르게 지정하는 것이 중요하다는 것입니다. 상대 URL 대신 전체 서버 경로가 사용될 때 가장 잘 작동하는 것 같습니다. 로컬 파일을 사용하는 대신 http://datatables.net/release-datatables/extras/TableTools/media/swf/copy_csv_x‌​ls_pdf.swf을 사용하는 것이 좋습니다. 업데이트 :이 링크는 더 이상 존재하지 않으며 아직 대체 링크를 찾을 수 없습니다.

    제거 엑셀 버튼 :

    'oTableTools' : { 
        'aButtons': ['copy', 'csv', 'pdf', 'print'] 
    }; 
    

    버튼 옵션 :

    http://datatables.net/extras/tabletools/button_options

    단추 아이콘과의 jQuery UI : 어쩌면, 버튼 아이콘/위치를 만들 수 DataTables TableTools images not working with ThemeRoller

    가능한 방법 :

    1. 가 버튼
    +0

    멋진 답변을 보내 주셔서 감사합니다. 답변을 수락하겠습니다. 한 번만 더 도움을 드리겠습니다. , 버튼 대신에 Excel 아이콘을 교체하는 방법과 왼쪽에 버튼이 표시되지만, 오른쪽에 보이는 것이 좋을 것 같습니다. – user2444474

    +0

    @ user2444474 나는 당신이 무엇을 의미하는지 100 % 확실하지는 않지만, 당신을 도울 내 대답에 몇 가지 정보를 추가했습니다. – Stefan

    +1

    swf 파일에 대한 링크가 손상되었습니다. –

    1
    Required Files 
    1)datatable/media/css/demo_table_jui.css 
    2)datatable/media/themes/smoothness/jquery-ui-1.8.4.custom.css 
    3)datatable/media/css/TableTools_JUI.css 
    4)datatable/media/js/1.9/jquery.dataTables.js 
    5)datatable/media/js/ZeroClipboard.js 
    6)datatable/media/js/TableTools.js 
    
    First use the `jquery datable js 1.9` (please check the below link where you can download this js) 
    and second use the code like below to view datatable 
    
        $('#example').dataTable({ 
         "bJQueryUI": true, 
         "sPaginationType": "full_numbers", 
         "oTableTools": { 
         "aButtons": [ 
          { 
           'sExtends':'csv', 
           "sFileName": "filetitle.csv", 
           'mColumns':[0,1] 
          }, 
          { 
            'sExtends':'pdf', 
            "sFileName": "filetitle.pdf", 
            'mColumns':[0,1] 
          }, 
         ] 
         }, 
         "sDom": '<"H"Tlfr>tip<"F">', 
         "aoColumns": 
         [ 
          { "bSearchable": false }, 
          null, // as per requirement 
          { "bSortable": false, "bSearchable": false }, 
         ] 
        }); 
    
    please remember main code for export to excel is as below 
    which is added in the above code 
    
        "oTableTools": { 
         "aButtons": [ 
         { 
         'sExtends':'csv', 
         "sFileName": "subscribers.csv", 
         'mColumns':[0,1] 
         }, 
         { 
         'sExtends':'pdf', 
         "sFileName": "subscribers.pdf", 
         'mColumns':[0,1] 
         }, 
        ] 
        }, 
        "sDom": '<"H"Tlfr>tip<"F">', 
    
    and then download the "media" folder from this link and paste into the folder where you datagrid show 
    
    [Please check here](http://codeace.in/download/) 
    
    
    please check screenshot [here][2] as per required file from `media/swf/copy_csv_xls_pdf.swf` is required to export functionality. 
    
    `[NOTE : please extract and paste the "media" folder in the accurate path on which page your datatable is display .]` 
    
    
        [1]: http://codeace.in/download/1.9.zip 
        [2]: http://codeace.in/download/_2014-04-11%2013-57-20.png 
    
    +0

    Reuired 파일 1) 데이터 테이블/미디어/CSS/demo_table_jui.css 2) 데이터 테이블/미디어/테마/부드러움/JQuery와-UI-1.8.4.custom.css 3) 데이터 테이블/미디어/CSS/TableTools_JUI.css 4) datatable/media/js/1.9/jquery.dataTables.js 5) datatable/media/js/ZeroClipboard.js 6) datatable/media/js/TableTools.js – sandipshirsale

    관련 문제