el-table-v2 用法

`<el-table-v2>` 是 Element Plus 中的一个高级表格组件，它支持行点击事件处理。在您给出的代码片段中，通过 `row-event-handlers` 属性配置了一个名为 `rowClick` 的方法来处理单击事件。这个方法接收一个参数 `row: RowEventHandlerParams`，其中包含了被点击行的数据（`rowData`）。

具体用法如下：

<template>
  <el-table-v2
    ref="tableRef"
    :columns="columns"
    row-key="typeId"
    :row-height="30"
    :data="dataList"
    :width="400"
    :height="400"
    fixed
    :row-event-handlers="{ onClick: rowClick }"
  ></el-table-v2>
</template>

<script>
export default {
  methods: {
    rowClick(row) {
      // 在这里可以访问并处理rowData，比如打印出来
      console.log(row.rowData);
    }
  },
  data() {
    return {
      columns: ...,
      dataList: ...,
      tableRef: {}
    };
  }
};
</script>

要自定义排序、添加边框和选择框，虚拟表格 (`el-table-v2`) 可能需要更多的自定义代码，因为它的行为可能与标准 `el-table` 不同。对于排序功能，您可以遍历数据并在渲染时手动设置行的顺序；添加边框则需要调整CSS样式；选择框通常通过 `selection-mode` 和 `@row-click` 或 `@selection-change` 事件来实现。由于没有直接的API，可能需要监听这些事件并在内部管理状态。