Element-UI树形表格

weixin_30455661

于 2019-07-17 16:53:00 发布

阅读量2.9k

点赞数

文章标签： ui javascript 数据库 ViewUI

原文链接：http://www.cnblogs.com/pcxx/p/11202034.html

版权

博客详细介绍了如何在Element-UI 2.10版本中扩展表格，以满足具有特定需求的树形结构，如无标题、多选按钮前置和可编辑数据。提供了一段修改后的代码示例，但提醒读者需自行完成多选按钮和其他功能的优化。

摘要由CSDN通过智能技术生成

Element-UI 因需求需要2.10表格中带有树形结构仍不满足我们的需求。

我们想要如下的格式的树形结构：（没有标题、多选按钮在名称的前面、表格数据可以修改

附上代码：（代码只修改了页面样式，多选按钮等功能优化自己实现）

<el-table
        :data="devices"
        style="width: 100%;"
        :show-header="false"
        row-key="id">
    <el-table-column
            prop="name"
            label="日期"
            sortable
            width="300">
        <template slot-scope="scope">
            <el-checkbox v-model="scope.row.checked