2015-01-15 69 views
1

我使用的數據表(http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js)& tableTools(http://www.datatables.net/release-datatables/extensions/TableTools/js/dataTables.tableTools.js & http://www.datatables.net/release-datatables/extensions/TableTools/css/dataTables.tableTools.css)和顯示錶,並希望將其打印出來。但是我也有同樣的問題。數據表JS/TableTools JS - 導出和打印

這裏是我的選擇

$("#reportTableId").DataTable({ 
      "paging": false, 
      "ordering": false, 
      "info": false, 
      "sDom": 'Tlrt', 
      "iDisplayLength": 100, 
      tableTools: { 
       "sSwfPath": "../ed1/static/swf/copy_csv_xls_pdf.swf", 
       "aButtons": [ 
        { 
         "sExtends": "collection", 
         "sButtonText": "Save", 
         "aButtons": [ 
          { 
           "sExtends": "xls", 
           "sTitle": $Name 
          }, 
          { 
           "sExtends": "pdf", 
           "sTitle": $Name 
          } 
         ], 
         "mColumns": [0, 1, 2], 
         "sPdfOrientation": "landscape" 
        }, 
        { 
         "sExtends": "print", 
         "mColumns": "visible" 
        } 
       ] 
      } 
     }); 

我的報告的HTML結構是按以下格式

<table id="reportTableId"> 
    <tr> 
    <th class="tg-031e" colspan="2"></th> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e" colspan="2"></td> 
    </tr> 
    <tr> 
    <td class="tg-031e"></td> 
    <td class="tg-031e"></td> 
    </tr> 
</table> 

CSS

.tg-031ea { 
     width: 15%; 
    } 
  1. 當我嘗試導出到Excel中,我只得到第一列,不要第二列;
  2. 在excel中沒有導出單元格顏色
  3. 在PDF中,我只得到1頁輸出,認爲報告HTML爲13頁。我試圖包括列,但沒有成功。

任何幫助將不勝感激。

HTML輸出: HTML snapshot

PDF輸出:(只有標題欄) pdf output

回答

1

希望這不是太晚了,從我以往的經驗,我已經瞭解到,數據表需要valud HTML表,所以在你的桌子上有一個colspan沒有幫助。

+0

謝謝,發現它很難,但你是對的,我不得不刪除colspan,現在它的工作。 – victor 2015-02-06 12:15:13