Vue框架的element组件table文字居中

简介: Vue框架的element组件table文字居中

1、代码展示

<el-table
      :data="
        table.data.slice((table.currentPage - 1) * table.limit, table.currentPage * table.limit)
      "
      style="width: 100%; margin-top: 15px"
      border
      :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{
        textAlign: 'center',
      }"
      v-loading="loading"
    >
    </el-table>

主要加这两个属性就可以了

border
      :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{
        textAlign: 'center',
      }"
相关文章
|
2天前
|
JavaScript
Vue.js中实现自定义组件的双向绑定
Vue.js中实现自定义组件的双向绑定
|
2天前
|
JavaScript
vue数据的双向绑定
vue数据的双向绑定
|
2天前
|
JavaScript
Vue.js中使用作用域插槽实现自定义表格组件
Vue.js中使用作用域插槽实现自定义表格组件
|
2天前
|
JavaScript
vue的插槽(slot)
vue的插槽(slot)
|
6天前
|
JavaScript
vue强制刷新组件
vue强制刷新组件
19 0
|
10月前
|
JavaScript
Vue的非父子组件之间传值
全局事件总线 一种组件间通信的方式,适用于任意组件间通信
|
9月前
|
缓存 JavaScript 前端开发
Vue Props、Slot、v-once、非父子组件间的传值....
Vue Props、Slot、v-once、非父子组件间的传值....
50 0
|
10月前
|
JavaScript
Vue中父子组件传值
先在⽗组件中给⼦组件的⾃定义属性绑定⼀个⽗组件的变量
|
10月前
|
JavaScript
vue 组件传值
vue 组件传值
56 0
|
10月前
|
JavaScript
vue父子组件传值
vue父子组件传值