element ui 表格 复选框样式串行

在 Element UI 表格中，复选框的样式串行是指复选框在一行中依次排列，每一个复选框占据一定的空间。
要实现复选框样式串行，需要将每个复选框放置在表格中的每一列中。在表格的每一行中，可以通过使用 `<el-table-column>` 组件来定义每一列的内容和样式。
在 `<el-table-column>` 组件中，可以使用 `type` 属性来设置每一列的类型。当类型为 `'selection'` 时，该列将显示一个复选框，并且可以通过 `selection-change` 事件来监听复选框的选中状态的变化。
例如，以下是一个实现了复选框样式串行的 Element UI 表格的示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column type="selection" width="60"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ]
    };
  }
};
</script>

在上述代码中，通过在 `<el-table-column>` 组件中添加 `type="selection"`，即可在表格的第一列中显示复选框。通过设置 `width` 属性来设置复选框的宽度，使其占据一定的空间。
通过以上代码的设置，我们就可以实现 Element UI 表格的复选框样式串行。