element ui 打印表格一部分

要打印 Element UI 表格的一部分，你可以使用 Element UI 表格组件的`$refs`属性来访问表格实例，并通过该实例的方法来进行打印操作。以下是一个示例：

<template>
  <div>
    <el-table
      ref="table"
      :data="tableData"
      border
    >
      <el-table-column
        prop="name"
        label="Name"
      ></el-table-column>
      <el-table-column
        prop="age"
        label="Age"
      ></el-table-column>
      <el-table-column
        prop="address"
        label="Address"
      ></el-table-column>
    </el-table>
    <el-button @click="printTable">Print Table</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 30, address: 'New York' },
        { name: 'Jane', age: 25, address: 'London' },
        { name: 'Bob', age: 40, address: 'Paris' }
      ]
    };
  },
  methods: {
    printTable() {
      const tableInstance = this.$refs.table;
      const tableDom = tableInstance.$el.querySelector('.el-table__body-wrapper');
      // 执行打印操作，例如使用 window.print()
      // 这里只是简单示例，实际应用中可以根据需求进行自定义的打印操作
      // 你可以选择性地打印表格的一部分，例如通过修改 tableDom 的样式或复制所需内容到新的窗口进行打印
    }
  }
};
</script>

在上面的示例中，我们使用`$refs`属性获取表格实例，并在点击按钮时调用`printTable`方法进行打印操作。你可以根据实际需求修改`printTable`方法内的代码，以实现打印表格的一部分。