复制表格的一部分

Question

我有一个要复制到剪贴板的 HTML 表格。
但是，我不想复制标题行，只复制表格的其余部分。
这是表格：

<table style="width:100%" #table>
    <tr>
      <th class="border"></th>
      <th class="border"></th>
      <th class="border"></th>
      <th class="border"></th>
      <th class="border"></th>
      <th class="border"></th>
    </tr>
    <ng-template ngFor let-table [ngForOf]="mCase.Tables" let-i="index">
      <ng-template ngFor let-row [ngForOf]="table.rows" let-rowIndex="index">
        <tr>
          <td>
           ....
          </td>
        </tr>
      </ng-template>
    </ng-template>
  </table>

这是我用来复制它的 Javascript：

 @ViewChild('table') table: ElementRef;

 var body = document.body as HTMLElement, range, sel;
if (document.createRange && window.getSelection) {
  range = document.createRange();
  sel = window.getSelection();
  sel.removeAllRanges();
  try {
    range.selectNodeContents(this.table.nativeElement);
    sel.addRange(range);
  } catch (e) {
    range.selectNode(this.table.nativeElement);
    sel.addRange(range);
  }
} else if (body.createTextRange) {
  range = body.createTextRange();
  range.moveToElementText(this.table.nativeElement);
  range.select();
}

document.execCommand("Copy");

此代码复制所有表格。
如何复制没有标题行的表格？

Answer 1

在<table> 标签中使用<thead> 和<tbody>，只选择<tbody>，而不是选择整个表格。

编辑

DataTables 解决了这个问题 求详细解释here

您可以查看DataTables 的 youtube 链接

这里也选择了标题。但是，如果您不想这样做，您可以根据自己的方便进行更改。 您应该操作以下脚本

https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js

exportOptions: {},
        fieldSeparator: "\t",
        fieldBoundary: "",
        header: !0,
        footer: !1,
        title: "*",
        messageTop: "*",
        messageBottom: "*"

你可以从第 286-293 行找到这些 由于您不希望标题将其更改为

 header: !1, 

换行后使用这个新脚本。