<el-table-column header-align="center" label="基本信息"> <el-table-column header-align="center" align="center" prop="studentName" label="姓名"></el-table-column> <el-table-column header-align="center" align="center" prop="studentAge" label="年龄"></el-table-column> </el-table-col...
<template> <el-table :header-cell-style="cell" :data="tableData" style="width: 100%" border> <el-table-column prop="goods" label="快递-商品" width="180" align="center"></el-table-column> <el-table-column prop="status" label="商品-状态" width="180" align="center"> <template s...
align: "center", tooltip: true, resizable: true, }, ], // 选中字段 checkProp: [], // 默认选中字段 DefaultPropertyArrForManage: ["name", "age", "serial"], }; }, created() {}, mounted() { this.dealTableColumn(this.checkProp); ...
<el-table :data="standardTable" stripe style="width: 100%" max-height="750" border> <el-table-column type="index" label="序号" width="60" align="center"> </el-table-column> <el-table-column prop="mainTable" label="标准表表名" width="150" align="center"> </el-table-column> ...
-- 子表格操作列 --><el-table-columnheader-align="center"align="center"width="160"label="操作"><templateslot-scope="scope"><el-button-group><el-buttonsize="mini"title="编辑"type="primary"circle@click="handleEditDict(scope.row)"><iclass="fa fa-pencil"></i></el-button><el-button...
<el-table-columnalign="right"><templateslot="header"slot-scope="{ column,$index }"><divclass="item-top"><pclass="gray-txt">{{ column.label }}</p><el-popoverv-if="$index !== 0"placement="top-start":title="column.label"width="200"trigger="hover":content="tabelPp3[$index].rem...
<el-table :data="scope.row.details" class="child-table" :show-header="false" > <el-table-column prop="startDate" align="center" label="开始日期" width="120px" ></el-table-column> <el-table-column prop="endDate" align="center" ...
<el-table-column label="序号" align="center" prop="xh" width="55" :fixed="is_close" :show-overflow-tooltip="is_close" /> <el-table-column label="正钻井" align="center" prop="zjj" width="80" :show-overflow-tooltip="is_close" ...
-- 表头换行方式一,使用头部插槽方式,将表头文字拆分在两个div中,因为div盒子是块元素 所以两个div会换行,所以表头就换行了,此方式适用于固定数据的表头换行 --> <el-table-column prop="toolName" width="180" align="center"> <template slot="header"> <div>工具箱</div> <div>零件名称</div> </...
.container{display:flex;flex-direction:column;}.header{flex-shrink:0;}.content{flex:auto;}.container{height:300px;width:250px;text-align:center;border:1pxsolidred;padding:10px;}.header{padding:20px;border:1pxsolidgreen;margin-bottom:10px;}.content{border:1pxsolidblue;} ...