zoukankan      html  css  js  c++  java
  • 修改element表格组件的样式

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

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

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

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

  • 相关阅读:
    Alpha冲刺(3/10)
    Alpha冲刺(2/10)
    Alpha冲刺(1/10)
    软工实践第七次作业——需求分析报告
    2018软工实践第八次作业-团队项目UML设计
    2018软工实践第六次作业-团队选题报告
    2018软工实践第五次作业-结对作业(2)
    软工实践第四次作业-团队展示
    2018软工实践第三次作业-结对作业
    Alpha冲刺(4/10)
  • 原文地址:https://www.cnblogs.com/wuxianqiang/p/9191023.html
Copyright © 2011-2022 走看看