通过 JavaScript 复制不带标题的 HTML 表格?
使用此 堆栈溢出帖子中找到的 JavaScript 示例 您可以有一个自动选择表格的按钮。然后可以将该选定的表复制到剪贴板。
我的用户将将此数据复制到 Excel 模板中,并且不需要标题信息( 或
)。
我的表格看起来像这样:
<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') );">
Using the JavaScript sample found in this stack overflow post you can have a button that automatically selects a table. This selected table can then be copied to the clipboard.
My users will be copying this data into an Excel template and do not need the header information (<th></th>
or <thead></thead>
).
My table looks something like this:
<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>
How would I go about unselecting the header information?
UDPATE1
The key is to select the tbody (assuming you Do not want tfoot).
<input type="image" src="table.png" name="image" onclick="selectElementContents( document.getElementById('theebody') );">
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果
有
和
,您只需选择
;
。但是,如果您将标题行作为其他行的同级... 这是一个好的开始 关于如何设置具有更多控制的范围。If the
<table>
has a<thead>
and<tbody>
, you could just select the<tbody>
. However if you have header row(s) as sibling of other rows... here is a good start on how to set the range with more control.