专门做黄昏恋的网站,dnn wordpress,注册企业查询,信息网站的建设前端vue用el-table如何实现表头内容过长换行处理#xff0c;实现换行效果 这是效果图 有两种方法#xff0c;一种简易版本#xff0c;一种万能方法,都是el-table#xff0c;先看文档 表头标题是可以自定义的 方法一 label的解释写在代码里面了#xff0c;这里会自动形成换…前端vue用el-table如何实现表头内容过长换行处理实现换行效果 这是效果图 有两种方法一种简易版本一种万能方法,都是el-table先看文档 表头标题是可以自定义的 方法一 label的解释写在代码里面了这里会自动形成换行主要是因为v-html的原因 运用场景有些人的需求简单只需要换行并且是封装的组件最重要是不想花时间 el-table refmyTable borderel-table-column propaddress label可写可不写了template #headerdiv v-htmllabel的值 //template/el-table-column
/el-table
// label值是什么样子的呢 就是我是第一行br我是第二行方法二 这个很简单 直接用标签换行即可 el-table refmyTable borderel-table-column propaddress label可写可不写了template #headerdiv我是第一行/divdiv我是第二行/div/template/el-table-column
/el-table方法三 将方法一和方法二封装起来 el-table refmyTable borderel-table-column v-for(item, index) in List :keyitem.id :propitem.prop :labelitem.labeltemplate #headerslot v-ifitem.soltHeader :nameitem.soltHeader /div v-else v-htmlitem.label //template/el-table-column
/el-table如果有用请给我点赞收藏我会很开心谢谢
