jquery - 如何在导出的 html 表格数据中包含 <th> 行？

Question

我使用了以下插件来导出 XLS 和 WORD 中的表格数据。但是当我导出表格数据时，它不包括表格标题行。那么有没有办法在导出的数据中包含字段。

<li>
<a href="#" onClick ="$('#datawtable').tableExport({type:'excel',escape:'false'});"> 
<img src='icons/xls.png' width='24px'> XLS
</a>
</li>
<li>
<a href="#" onClick ="$('#datawtable').tableExport({type:'doc',escape:'false'});"> 
<img src='icons/word.png' width='24px'> Word
</a>
</li>

<script type="text/javascript" src="js/tableExport.js"></script>
<script type="text/javascript" src="js/jquery.base64.js"></script>
<script type="text/javascript" src="js/html2canvas.js"></script>

HTML 表格:

<table class="draw_table" id="datawtable" border="1" width="100%" cellspacing="0" cellpadding="0">
        <tr>
            <th>
                <a href="disdept.php?sort_element=dept_name&sort_type=<?php echo 
                    ($sort_element == "dept_name"  && $sort_type == "asc") ? "desc" : "asc"; ?>">Department
                    <?php if ($sort_element == "dept_name" ) {  if($sort_type == "desc" ) { ?>
                    <img class="sorting" src="images2/downarrow.png" alt="asc">
                    <?php } else { ?>
                    <img class="sorting" src="images2/uparrow.png" alt="desc">
                    <?php } } ?>
                </a>
            </th>
            <th >Description</th>
            <th >Options</th>
       </tr>

Answer 1

您的表格是正确的，但您缺少 <thead>和 <tbody>标签。您的 Html 应该如下所示，您应该在 header 和 <tbody> 中添加标签其他行的标记。希望这能让你更清楚:

<table class="draw_table" id="datawtable" border="1" width="100%" cellspacing="0" cellpadding="0">
   <thead>  // Here we have added a <thead> tag (For headers)
        <tr>
            <th>
                <a href="disdept.php?sort_element=dept_name&sort_type=<?php echo 
                    ($sort_element == "dept_name"  && $sort_type == "asc") ? "desc" : "asc"; ?>">Department
                    <?php if ($sort_element == "dept_name" ) {  if($sort_type == "desc" ) { ?>
                    <img class="sorting" src="images2/downarrow.png" alt="asc">
                    <?php } else { ?>
                    <img class="sorting" src="images2/uparrow.png" alt="desc">
                    <?php } } ?>
                </a>
            </th>
            <th >Description</th>
            <th >Options</th>
       </tr>
</thead>
   <tbody> // Here we have added a <tbody> tag
     <tr>
      <td>
      </td>
      </tr>
   </tbody>
</table>

因为根据插件中的代码，它的选择器寻找<thead> , 然后 <tr>然后 <th>标题和 <tbody> , 然后 <tr>然后 <td>用于数据行。

编辑 1:

要忽略任何列，只需像这样在 ignoreColumn 参数中传递其索引:

$('#tableID').tableExport({
    type:'pdf',
    escape:'false',
    ignoreColumn: [2,3]  // here i have ignored 2nd and 3rd column
});