elementUI el-table 表格头数据换行

1
2
3
4
5
/*实现表格头数据换行*/
.el-table .cell {
    /*text-align: center;*/
    white-space: pre-line;/*保留换行符*/
}

  写法:   

1
2
3
4
5
6
7
<el-table-column v-for="(item,index) in tableColums" :key="index"
                                       :prop="item.prop"
                                       :label="item.label"
                                       :width="item.width"
                                       align="center"
                                       show-overflow-tooltip>
                      </el-table-column><br>  <br>                               <br>                                                              

  

1
<el-table-column prop="name" :label="'数据\n单位'" align="center" show-overflow-tooltip></el-table-column>//第一种写法

  

1
tableColums:[{prop:'name',label:'数据\n单位'}]//第二种写法

  

posted @   董七  阅读(6547)  评论(0编辑  收藏  举报
编辑推荐:
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· SQL Server统计信息更新会被阻塞或引起会话阻塞吗?
· C# 深度学习框架 TorchSharp 原生训练模型和图像识别
阅读排行:
· 这或许是全网最全的 DeepSeek 使用指南,95% 的人都不知道的使用技巧(建议收藏)
· 拒绝繁忙!免费使用 deepseek-r1:671B 参数满血模型
· 本地搭建DeepSeek和知识库 Dify做智能体Agent(推荐)
· Sdcb Chats 重磅更新:深度集成 DeepSeek-R1,思维链让 AI 更透明!
· DeepSeek-R1本地部署如何选择适合你的版本?看这里
点击右上角即可分享
微信分享提示