• 修改element表格组件的样式


    最近在开发一个项目,使用到了element中的表格组件,但是该组件的样式不是我们想要的样式,需要自己再调整,但是常常会遇到自己设置的样式无效,我使用的技术是Vue开发的

    1. 页面使用了三栏布局,最右边的表格需要自适应,左边两栏都是固定宽度,因此我使用了 flex 布局, el-table 外层使用了一个 div ,样式都加载这个 div 中,这时遇到一个问题,那就表格无法自适应,因为表格我加了 stripe,border 属性,这些都是element自带的样式,会和 flex 布局有关系,这是我又加了 fit 列的宽度是否自撑开设个为 false ,这时没有问题,但是我目标效果就是自动撑开,显然不能这么处理,然后我尝试着把外层 div 去掉,把样式加在 el-table ,这个时候就可以达到我想要的效果。分析原因,element的表格是自动撑开时样式要加在表格身上。

    2. 表格加了斑马线的属性,但是有些行我不要加斑马线,默认情况下斑马线样式优先显示,样式中可以使用 !important ,但是鼠标滑动效果又没有了,这个问题一直困恼着我好久,还没有好的解决办法

    3. 表格居中问题,默认表格是中间对齐,如果内容要左对齐,就要自己把内容设置个宽度,要不然内容长度不同是无法对齐的。

  • 相关阅读:
    用JavaDoc生成项目文档
    thymeleaf参考手册
    转的一个Java基本功
    杂记
    修改Esxi克隆的CentOS的IP地址
    CentOS搭建socket5代理服务器
    CentOS上搭建Nginx + Mono 运行 asp.net
    启动PPT的时候一直配置vs2013的问题解决
    swift 元组
    swift 集合类型(二)
  • 原文地址:https://www.cnblogs.com/wuxianqiang/p/9191023.html
Copyright © 2020-2023  润新知