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

简介: 按开发文档和正常理解,el-table-column具有属性align,可以填left,center,right控制内容的对齐方式

按开发文档和正常理解,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;

}

即可

相关文章
Element的el-table行列错位对不齐问题处理
本文目录 1. 问题表现 2. 问题发现 3. 问题处理 4. 另一种处理方案
6464 0
Element的el-table行列错位对不齐问题处理
|
前端开发
解决el-descriptions的label-class-name不生效问题
解决el-descriptions的label-class-name不生效问题
2353 0
ECharts 柱状图横轴(X轴)文字内容显示不全
ECharts 柱状图横轴(X轴)文字内容显示不全
2879 0
|
10月前
|
Web App开发 JavaScript 前端开发
nvm安装、下载使用详情 - node版本管理工具
nvm是一个node的版本管理工具,可以简单操作node版本的切换、安装、查看。。。等等,与npm不同的是,npm是依赖包的管理工具。
2632 5
|
应用服务中间件 BI nginx
Nginx的location配置详解
【10月更文挑战第16天】Nginx的location配置详解
|
10月前
|
Java 应用服务中间件 Maven
Spring Boot 开发环境搭建和项目启动
本文介绍了Spring Boot开发环境的完整搭建流程,涵盖JDK、Maven配置,IDEA与Eclipse中JDK的设置,项目创建、编码统一为UTF-8,以及通过Spring Initializr快速构建工程。详细解析了项目结构、核心注解@SpringBootApplication,编写首个Controller并测试访问,支持端口修改。助力开发者快速入门Spring Boot,实现“开箱即用”的高效开发体验。
|
存储 Shell 开发工具
Git和TortoiseGit的安装与使用
Git和TortoiseGit的结合使用,可以大大提高版本控制的效率和便捷性。通过本文的步骤,您可以轻松安装和配置Git及TortoiseGit,并掌握基本的版本控制操作。
5817 82
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
16794 23
|
XML JSON API
如何从 Swagger 导出 API 文档
Swagger 使这项任务相对简单,允许开发者以各种格式(如 JSON 和 YAML)导出 API 文档。在这篇博文中,我们将详细探讨如何从 Swagger 导出 API 文档。
如何从 Swagger 导出 API 文档
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
29442 154