表头水平居中

:header-cell-style="{textAlign: 'center'}"设置头部居中：

    <el-table :data="tableData" :header-cell-style="{textAlign: 'center'}" border style="width: 100%">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>

效果如下：
在这里插入图片描述

表格内容水平居中

:cell-style="{ textAlign: 'center' }"设置整个表格内容水平居中：

    <el-table :data="tableData" :header-cell-style="{textAlign: 'center'}" :cell-style="{ textAlign: 'center' }" border style="width: 100%">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>

效果如下：
在这里插入图片描述

单个单元列内容居中：

单个表格的单元列内容居中：只需要在el-table-column上加上align="center"：

    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column prop="name" label="姓名" align="center"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>

效果如下：
在这里插入图片描述

# vue.js # javascript # 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

虚拟机安装Debian 12.5.0及其常用软件(2024.7)

avatar 华为开发者空间

利用1099服务漏洞————java_rmi_server

本文章是小白up主的自我笔记，希望对正在 学习的你有所帮助在BT5上利用漏洞机端口1099服务漏洞进行攻击查看根目录下的文件今天我们来利用1099的服务漏洞来进行攻击首先我么要用到的虚拟机有：BT5，和linux的漏洞机其实一般这些利用模块的攻击模块都是在msfconsole模式下进行的，他们的流程都是差不多的我们先进行1099的端口服务的扫描，看一下1099具体的服务名称nma...

avatar 华为开发者空间

Ubuntu下安装GCC编译器

在虚拟机Ubuntu里面安装gcc编译器，首先快捷键alt+ctr+t调出来中端，然后输入sudoapt-getinstallbuild-essential命令，即可进行安装。

avatar 华为开发者空间