首页 > 其他分享 >开发指南029-el-table-column对齐属性

开发指南029-el-table-column对齐属性

时间:2024-09-13 13:22:14浏览次数:3  
标签:el right column align table left

按开发文档和正常理解,el-table-column具有属性align,可以填left,center,right控制内容的对齐方式。你真正做的时候,就会发现根本不起作用。

       查网络,大部分怀疑你用错属性了,elment-ui版本不对,css冲突等等。

       还有这样的解决方案:el-table增加 :cell-style=“{ textAlign:‘left’}” 问题是需要控制在列上,有限列要居中,例如名字。有的要右对齐,例如数字字段。

      还有这样的,对对应的列增加:el-table_1_column_4  .cell {
                    text-align: left !important;
       }

      其实都没有回答在点子上。网上大部分解决方案其实都是有问题的。

     正确的原因是el-table-column在使用<template>后会套了层<div>导致设置不生效。知道了原因,解决起来很容易:

     增加:

/deep/ .is-left > div {
    text-align: left;
}

/deep/ .is-right > div {
    text-align: right;
}

即可

标签:el,right,column,align,table,left
From: https://blog.51cto.com/u_16342815/12000616

相关文章

  • Apache SeaTunnel Committer 进阶指南
    ApacheSeaTunnel作为一个开源的数据集成工具,旨在简化和加速海量数据的采集和传输。社区的Committer是指拥有项目存储库的写权限的社区成员,即Committer可以自行修改代码、文档和网站,也可以合并其他成员的贡献。成为ApacheSeaTunnelCommitter没有严格的规则,实际上,新Comm......
  • Stable Diffusion保姆级教程,看完连老奶奶都能上手!
    前言都今天了你还不会用StableDiffusion?上一期为大家介绍了Midjourney,今天为大家带来AI绘画界的另外一个扛把子StableDiffusion,本期内容攻略妹保姆级喂饭教程,适合零基础、小白还有各种安装懒人,看完让你轻松上手!本次教程将使用AI绘画工具StableDiffusion进行讲解,如......
  • Apache SeaTunnel Committer 进阶指南
    ApacheSeaTunnel作为一个开源的数据集成工具,旨在简化和加速海量数据的采集和传输。社区的Committer是指拥有项目存储库的写权限的社区成员,即Committer可以自行修改代码、文档和网站,也可以合并其他成员的贡献。成为ApacheSeaTunnelCommitter没有严格的规则,实际上,新Com......
  • 文心智能体平台、Coze、腾讯元器、ModelScopeGPT和星火大模型的比较,你选哪个?
    平台文心智能体平台(百度)Coze(字节跳动)腾讯元器(腾讯)ModelScopeGPT(阿里云)星火大模型(科大讯飞)背景与开发方百度,中国领先的搜索引擎和AI公司字节跳动,全球知名的互联网科技公司腾讯,中国领先的互联网综合服务提供商阿里云,阿里巴巴集团旗下的云计算服务提供商科大讯飞,中国领先......
  • Cellebrite UFED 4PC 7.70 下载 - Android 和 iOS 移动设备取证软件
    CellebriteUFED4PC7.70下载-Android和iOS移动设备取证软件TheIndustryStandardforLawfullyAccessingandCollectingDigitalData请访问原文链接:https://sysin.org/blog/cellebrite-ufed/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgCellebriteUF......
  • 如何升级用 Helm 安装的极狐GitLab Runner?
    本分分享如何对Helm安装的Runner进行升级。整个过程分为三步:1、确定Runner最新版本或者想要升级的版本是否存在;2、用Helmupgrade命令进行升级;3、升级确认。极狐GitLab为GitLab的中国发行版,中文版本对中国用户更友好,可以一键私有化部署,安装升级详情可以查看官网https:......
  • 如何升级用 Helm 安装的极狐GitLab Runner?
    本分分享如何对Helm安装的Runner进行升级。整个过程分为三步:1、确定Runner最新版本或者想要升级的版本是否存在;2、用Helmupgrade命令进行升级;3、升级确认。极狐GitLab为GitLab的中国发行版,中文版本对中国用户更友好,可以一键私有化部署,安装升级详情可以查看官网https......
  • error:0308010C:digital envelope routines::unsupported
    参考——https://www.jb51.net/javascript/315177xde.htm报错信息————10%building2/2modules0active(node:5732)[DEP0111]DeprecationWarning:Accesstoprocess.binding('http_parser')isdeprecated.(Use`node--trace-deprecation...`toshow......
  • 利用 Teleport 实现模态框:Vue 3 高级功能
    在前端开发中,模态框(Modal)作为一种用户交互的常用元素,有着不可忽视的地位。随着Vue3的发布,许多新特性使得构建模态框变得更加简洁和高效。在这篇博客中,我们将探讨如何利用Vue3中的Teleport组件来实现一个灵活、动态的模态框,并提供示例代码,帮助开发者更好地理解这一机制......
  • 一文搞定高并发编程:CompletableFuture的supplyAsync与runAsync
    CompletableFuture是Java8中引入的一个类,用于简化异步编程和并发操作。它提供了一种方便的方式来处理异步任务的结果,以及将多个异步任务组合在一起执行。CompletableFuture支持链式操作,使得异步编程更加直观和灵活。在引入CompletableFuture之前,Java已经有了Future接口来......