VUE element-ui 之table表格全选框居中对齐

简介: VUE element-ui 之table表格全选框居中对齐

步骤:
默认的全选框是左对齐,加了align=“cnter”之后发现table内容复选框居中,header错位

<el-table-column
              type="selection"
              width="55"
              align="center"
            />

在这里插入图片描述
全局样式中加入:

.el-table--border .el-table__cell:first-child .cell {
  padding: 0;
  }

在这里插入图片描述
完美解决。

相关文章
|
16天前
Vue3框架中让table合计居中对齐
Vue3框架中让table合计居中对齐
|
20天前
|
JavaScript 前端开发
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
14 0
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
|
20天前
|
JavaScript
vue给table组件添加合计
vue给table组件添加合计
12 0
|
16天前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
28天前
|
JavaScript
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
16 0
|
22小时前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
8 1
|
12天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
19 2
|
15天前
基于sortablejs实现拖拽element-ui el-table表格行进行排序
基于sortablejs实现拖拽element-ui el-table表格行进行排序
|
20天前
|
JavaScript
UI库的按需加载(vue的问题)
UI库的按需加载(vue的问题)
13 0
|
1月前
element-ui实现表格单选的功能
element-ui实现表格单选的功能
12 0