vue 表格,折行样式
程序员文章站
2022-03-04 11:34:41
...
<el-table-column label="状态" header-align="center" sortable>
<template v-slot="scope">
<p v-if="scope.row.is_status == 0">
<span class="pending_review">·</span>待审核
</p>
<p v-if="scope.row.is_status == 1">
<span class="pass">·</span>通过
</p>
<p v-if="scope.row.is_status == 2">
<span class="no_pass">·</span>不通过
</p>
<p v-if="scope.row.is_status == 4">
<span class="staging">·</span>暂存
</p>
</template>
</el-table-column>
white-space: normal; //css折行
上一篇: elementUI使用
下一篇: elementUI使用
推荐阅读
-
Vue+Element实现表格编辑、删除、以及新增行的最优方法
-
Vue+Element实现表格编辑、删除、以及新增行的最优方法
-
vue+element创建动态的form表单.以及动态生成表格的行和列
-
vue element 一行代码去掉表格列表 null 排序方式,只保留顺序逆序排序
-
dwz使用jQuery追加表格,原有的行有相应的css样式,但是用jQuery追加的行没有样式
-
CSS非布局样式滚动、文字折行、装饰性属性及其它
-
小记:用CSS解决表格中数据折行的问题
-
element表格合计行,根据合计行的某一列数字来变样式
-
vue element-ui 表格table列求和(合计行)
-
vue+elementUI的表格最后一行合计自定义显示