表格数据渲染

最新推荐文章于 2023-02-01 15:45:39 发布

土肥圆xulia

最新推荐文章于 2023-02-01 15:45:39 发布

阅读量219

点赞数

分类专栏： vue element

本文链接：https://blog.csdn.net/qq_39057641/article/details/91449036

版权

vue 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

element

7 篇文章 0 订阅

订阅专栏

例子1

   <el-table-column prop="OperationDescription" label="安装位置">
				<template slot-scope="scope">
						{{ scope.row.LctnName }}
				</template>
 </el-table-column>
 <el-table-column prop="OperationDescription" label="权限">
				<template slot-scope="scope">
						<span>							
							<template v-if="scope.row.droit == 0" >无权限</template>
							<template v-if="scope.row.droit == 1" >有权限</template>
							
					</span>
				</template>
  </el-table-column>

例子2

   <el-table-column type="selection" width="35"></el-table-column>
	<el-table-column fixed prop="PName" label="姓名" width="100"></el-table-column>
	<el-table-column prop="PCode" label="编号" width="100"></el-table-column>
	<el-table-column prop="Sex" label="性别" width="50"></el-table-column>
	<el-table-column prop="DeptName" label="部门" width="120"></el-table-column>
	<el-table-column prop="busytripTime" label="出差时间">
		<template slot-scope="scope">
				{{ scope.row.BeginDate+'至'+scope.row.EndDate }}
		</template>
	</el-table-column>
	<el-table-column prop="rDay" label="计算天数" width="80"></el-table-column>