element plus表格的表头和内容居中的实现代码
更新时间：2024年01月23日 10:44:56 作者：博客zhu虎康
这篇文章主要介绍了element plus表格的表头和内容居中的实现代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
需求
对于 element-plus 中的 table 进行表头和内容的居中显示
分析
单列的表头和内容居中 ：
在对应的那一列加上align=“center” 即可
<el-table-column prop="name" label="商品名称" align="center" />
表格的所有列表的头和内容居中:
在el-table上添加下面两行即可
:cell-style=“{ textAlign: ‘center’ }”
:header-cell-style=“{ ‘text-align’: ‘center’ }”
<el-table
fit
:cell-style="{ textAlign: 'center' }"
:data="tableData"
style="
width: 100%"
height="350"
:header-cell-style="{
background: '#f7f7f7',
color: 'rgba(0,0,0,.85)',
'font-weight': '500',
'text-align': 'center'
}"
v-loading="loading"
>
<el-table-column prop="name" label="商品名称" />
</el-table>到此这篇关于element plus表格的表头和内容居中的文章就介绍到这了,更多相关element plus表格内容居中内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
javascript延时重复执行函数 lLoopRun.js
javascript延时重复执行函数 lLoopRun.js...2007-06-06
jQuery与原生JavaScript选择HTML元素集合用法对比分析
这篇文章主要介绍了jQuery与原生JavaScript选择HTML元素集合用法,结合实例形式对比分析了jquery与原生JavaScript选择页面HTML相关操作方法、注意事项及运行效率,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了js实现点击切换TAB标签的方法,涉及javascript鼠标点击事件及页面元素的遍历技巧,需要的朋友可以参考下2015-08-08
webstorm应该是目前最强的js编辑器了，结合sublime text可以很效率的开发项目。下面这篇文章主要给大家整理了一些Mac系统下Webstorm快捷键的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。2017-05-05
js中for...in循环对象时输出key值顺序混乱问题解决
很久之前就有前辈告诉我用for...in循环对象属性的顺序不是固定的,xiam 这篇文章主要给大家介绍了关于js中for...in循环对象时输出key值顺序混乱问题解决方法,需要的朋友可以参考下2023-11-11
Bootstrap每天必学之按钮组工具栏，本文讲解的就是大家最为常用的按钮组工具栏，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了Javascript中arguments用法,实例分析了javascript利用arguments实现模拟重载功能,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了利用原生JS实现欢乐水果机小游戏,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-04-04
js模拟弹窗效果代码，用层实现提示效果代码2008-04-04
这篇文章主要为大家介绍了JavaScript常见的五个内存错误，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
最新评论