zoukankan      html  css  js  c++  java
  • vue2.0之element table的使用

    说明:

    1.改变表头居中问题:    需要在el-table-column中添加  header-align="center"

    <el-table :data="tableData" style=" 100%" >
                        <el-table-column prop="date" header-align="center" label="日期">
                        </el-table-column>
                        <el-table-column  prop="id" header-align="center" label="姓名">
                            <template slot-scope="scope">
                                <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row.id)">删除</el-button>
                            </template>
                        </el-table-column>

      </el-table>

    data() {
                return {
                
                    tableData: [{
                        date: '描述描述描述描述描述',
                        id: '0'
                    }, {
                        date: '描述描述描述描述描述',
                        id: '1'
                    }, {
                        date: '描述描述描述描述描述',
                        id: '2'
                    }, {
                        date: '描述描述描述描述描述',
                        id: '3'
                    }]
                }
            },

         methods: {
                handleDelete(index, row) {
                    alert(index+"row=="+row);
                }
            }

  • 相关阅读:
    收藏好博客
    iOS设备的重力感应
    局域网内通过UDP协议进行传输接受数据——AsyncUdpSocket
    定时器NSTimer的用法
    线程数:5,ramp-up:1,循环::10 和 线程数:10,ramp-up:10,循环数:1,这两种情况有没有区别?
    什么是性能测试?
    JMeter 之 XPath提取器
    DNS--安装&&配置文件
    DNS--简介&&解析过程
    Tomcat--隐藏版本号
  • 原文地址:https://www.cnblogs.com/zhaozhenzhen/p/8850080.html
Copyright © 2011-2022 走看看