vue el 表格自定义模板

1、自定义序号

<el-table-column prop="reasonNum" label="序号" type="index" width="50">
<template slot-scope="scope">
    <!--将序号填入模板中-->
    <span class="reasonNum" :title="scope.row.index">{{scope.$index+1}}</span>
</template>

<!--样式-->
.reasonNum {
    color: red;
}

2、数据列

<el-table-column prop="errorInfo" label="日志信息">
<template slot-scope="scope">
    <span class="textOverflow" :title="scope.row.errorInfo">{{scope.row.errorInfo}}</span>
</template>