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);
                }
            }

  • 相关阅读:
    BZOJ3144 [Hnoi2013]切糕 【最小割】
    BZOJ4196 [Noi2015]软件包管理器 【树剖】
    POJ3422:Kaka's Matrix Travels——题解
    POJ2195:Going Home——题解
    POJ3068:"Shortest" pair of paths——题解
    POJ3686:The Windy's——题解
    POJ2135:Farm Tour——题解
    POJ2987:Firing——题解
    POJ3469:Dual Core CPU——题解
    POJ3281:Dining——题解
  • 原文地址:https://www.cnblogs.com/zhaozhenzhen/p/8850080.html
Copyright © 2011-2022 走看看