当前位置： 首页 > article >正文

Vue3框架中让table合计居中对齐

article 2024/11/5 20:39:29

第一步：给它加一个类名 center-table 如下：

 <el-table
      :data="datas.shows"
      max-height="600px"
      show-summary
      stripe
      border
      style="width: 100%"
      :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{ textAlign: 'center' }"
      class="center-table"
    ></el-table>

第二步: 使用v-deep选择器

:deep(.center-table td), 
:deep(.center-table th) {
  text-align: center !important;
}

效果：

原创作者：吴小糖

创作时间：2023.11.24


http://www.kler.cn/a/150163.html

相关文章：

  • 2025生物发酵展（济南）为生物制造产业注入新活力共谱行业新篇章
  • 算法笔记：Day-09（初始动态规划）
  • 原来大佬的测试用例都是这样写的...
  • 代码随想录第十七天
  • IsADirectoryError: [Errno 21] Is a directory: ‘xxxxx/.ipynb_checkpoints‘
  • 【案例】旗帜飘动
  • 自定义类型：结构体，枚举，联合
  • A*算法学习
  • 论文笔记：Confidential Assets
  • Python与设计模式--命令模式
  • Spark将execl表格文件导入到mysql中
  • 亚马逊云科技基于 Polygon 推出首款 Amazon Managed Blockchain Access，助 Web3 开发人员降低区块链节点运行成本
  • springboot(ssm文学名著分享系统 文化交流平台Java(codeLW)
  • 【brew】Mac上安装vue3
  • 【数据挖掘】国科大刘莹老师数据挖掘课程作业 —— 第二次作业
  • Linux的基本指令（3）
  • 初识Dockerfile
  • 3dMax导出glft和glb格式模型插件Max2Babylon教程
  • 针对net core 使用CSRedis 操作redis的三种连接实例方式
  • Typescript中 interface 和 type 的区别是什么？
  • 后端Java日常实习生面试(七牛云2023年11月14日)
  • php通过curl方式发送接受xml数据
  • HarmonyOS入门开发(三) 持久化存储Preferences
  • day65 django回顾3
  • WordPress 粘贴图片上传插件
  • pytorch 多卡并行训练