el-table表格单元格中想换行怎么这么难？

想要这样的效果啊，试了很多办法，牵一发而动全身，改表格样式会影响其他表格的样式，加scoped又没效果，加行内样式也没效果。。。

<el-table-column property="particulars" label="详情" min-width="200">
      <template #default="{ row }: { row: overTimePlane }">
        <div v-for="item in row.overPlans" >
          <div>
            <span v-if="item.planType == '0'">工作日</span>
            <span v-if="item.planType == '1'">休息日</span>
            <span v-if="item.planType == '2'">节假日</span>
            :
            <span v-if="item.planTimeType == '0'">按审批时长计算</span>
            <span v-else="item.planTimeType=='1'">按打卡时间计算</span>
            <span v-else="item.planTimeType=='2'">按审批和打卡时长计算</span>
            ;
          </div>
        </div>
      </template>
    </el-table-column>

甚至在div结尾加都木得用??????