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表格内容居中内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
waypoints的功能非常强大，一款用于捕获各种滚动事件的插件，下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧2017-09-09
JavaScript Promise与async/await作用详细讲解
Promise是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果2023-01-01
这篇文章主要介绍了JS+canvas五子棋人机对战实现步骤详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
本例是应用别人的例子，原来那位老兄是用一般方法写成的无限级折叠菜单，通过了一些简化修改，将原来的例子改成了面向对象的方式2013-07-07
这篇文章主要为大家详细介绍了Echarts如何通过dataset数据集实现创建单轴散点图，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2023-02-02
这篇文章主要介绍了JS实现系统登录页的登录和验证，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
检测窗口是否关闭，在当前窗口关闭前使用js做到这一点，下面是具体的实现，感兴趣的朋友可以参考下2014-09-09
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
测试结果可以看出，IE9后已经开始支持script的onload事件了。一直以来我们判断js文件是否已经加载完成就是用以上的两个事件。2011-04-04
这篇文章主要为大家详细介绍了JS实现购物车基本功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
在前端开发的过程中,我们经常会遇到需要对于输入的字符串进行格式化处理,这篇文章主要给大家介绍了关于使用js去除字符串内所带有空格的三种方法,需要的朋友可以参考下2023-10-10
最新评论