【问题标题】:Copy a HTML table via JavaScript without the headers?通过 JavaScript 复制没有标题的 HTML 表格?
【发布时间】:2011-04-13 21:42:32
【问题描述】:

使用此stack overflow post 中的 JavaScript 示例,您可以获得一个自动选择表格的按钮。然后可以将此选定的表复制到剪贴板。

我的用户会将这些数据复制到 Excel 模板中,并且不需要标题信息(<th></th> 或 <thead></thead>)。

我的桌子看起来像这样:

<table class="sortable">
<thead>
  <tr><th>Person</th><th>Monthly pay</th></tr>
</thead>
<tbody>
  <tr><td>Bob</td><td>£12,000</td></tr>
  <tr><td>Doug</td><td>£8,500</td></tr>
  <tr><td>Sam</td><td>£9,200</td></tr>
  <tr><td>Nick</td><td>£15,300</td></tr>
</tbody>
<tfoot>
  <tr><td>TOTAL</td><td>£45,000</td></tr>
</tfoot>
</table>

如何取消选择标题信息?

UDPATE1

关键是选择tbody(假设你不想要tfoot)。

<input type="image" src="table.png" name="image" onclick="selectElementContents( document.getElementById('theebody') );">

【问题讨论】:

  • 你需要&lt;tbody&gt;和&lt;tfoot&gt;吗?或者只是&lt;tbody&gt;?

标签: javascript html copy clipboard


【解决方案1】:

如果&lt;table&gt; 有&lt;thead&gt; 和&lt;tbody&gt;,您可以只选择&lt;tbody&gt;。但是,如果您将标题行作为其他行的兄弟行...here is a good start 了解如何设置范围以进行更多控制。

【讨论】:

    猜你喜欢
    • 2019-04-30
    • 2020-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-03
    • 2016-04-20
    相关资源
    最近更新 更多