欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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使用