首页 > 其他分享 >element table表格 滚动条错位

element table表格 滚动条错位

时间:2023-06-12 17:44:47浏览次数:41  
标签:__ el element 滚动条 header table

可能是element的版本的原因

element官网上 el-table 在header中会生成一个class名为gutter的th元素,并设置宽度为滚动条的宽度进行占位,

但目前使用版本并未生成此元素

手动修改table header样式就可以了

.el-table--scrollable-y {
  .el-table__header-wrapper {
    .el-table__header {
      thead {
        tr {
          &::after {
            content: '';
            width: 8px;
            height: auto;
            display: table-cell;
            background: #f2f2f7;
          }
        }
      }
    }
  }
}

  效果

 

标签:__,el,element,滚动条,header,table
From: https://www.cnblogs.com/bigsister/p/17475695.html

相关文章

  • Codeforces Beta Round #22 (Div. 2 Only)-B. Bargaining Table
    原题链接B.BargainingTabletimelimitpertestmemorylimitpertestinputoutputBobwantstoputanewbargainingtableinhisoffice.Todosohemeasuredtheofficeroo......
  • vue之elementui使用, vuex使用, Router使用, localstorage和sessionstorage,和cookie
    目录一、elementui使用下载插件vue界的ui库二、vuex的使用1.概念2.何时使用?3、使用步骤:三、Router使用1简单使用2组件中实现页面跳转3路由跳转时,可以使用对象4this.router的一些方法四、多级路由五、路由守卫和两种工作模式路由守卫路由器的两种工作模式六、localstorage和se......
  • 【React工作记录一百零一】再次接触老朋友react+ant design table合并单元格
    前言大家好我是歌谣今天继续开发一个需求就是我们的大屏需求今天让我们一步步解决所遇到的问题第一个功能如何渲染参照官网案例constdataSource=[{key:'1',name:'胡彦斌',age:32,address:'西湖区湖底公园1号',},{key:'2',nam......
  • deal.II — an open source finite element library
    简介:Whatitis: AC++softwarelibrarysupportingthecreationoffiniteelementcodesandanopencommunityofusersanddevelopers.(Learnmore.)Mission: Toprovidewell-documentedtoolstobuildfiniteelementcodesforabroadvarietyofPDEs,froml......
  • .NET的基元类型包括哪些?Unmanaged和Blittable类型又是什么?
    在讨论.NET的类型系统的时候,我们经常提到“基元类型(PrimitiveType)”的概念,我发现很多人并没有真正理解基元类型就究竟包含哪些(比如很多人觉得字符串是基元类型)。除了明确界定基元类型外,本篇文章还会简单介绍额外两种关于类型的概念——Unmanaged类型和Blittable类型。一、Primiti......
  • 基于ng-zorro table滚动无限加载
    首先复制一下ng-zorro的虚拟表格这里选用虚拟表格,原因是数据页面有多个表格存在加载的数据量很大,且表格滚动时有事件监听不用写额外的方法去监听滚动条滚动 先打印分析表格滚动时有哪些信息被输出从打印的信息内发现有个_renderedRange属性名为渲染的范围,因此可以通过该属性......
  • [Vue warn]: Error compiling template: Component template should contain exactly
    报错信息:[Vuewarn]:Errorcompilingtemplate:Componenttemplateshouldcontainexactlyonerootelement.Ifyouareusingv-ifonmultipleelements,usev-else-iftochaintheminstead.2|3|4||......
  • iPhone两秒出图,目前已知的最快移动端Stable Diffusion模型来了
    前言 近日,Snap研究院推出最新高性能StableDiffusion模型,通过对网络结构、训练流程、损失函数全方位进行优化,在iPhone14Pro上实现2秒出图(512x512),且比SD-v1.5取得更好的CLIPscore。这是目前已知最快的端上StableDiffusion模型!本文转载自机器之心仅用于学术分享......
  • NoSQL生态系统——类似Bigtable列存储,或者Dynamo的key存储(kv存储如BDB,结构化存储如red
    摘自:http://www.ituring.com.cn/article/4002#NoSQL系统的数据操作接口应该是非SQL类型的。但在NoSQL社区,NoSQL被赋予了更具有包容性的含义,其意为NotOnlySQL,即NoSQL提供了一种与传统关系型数据库不太一样的存储模式,这为开发者提供了在关系型数据库之外的另一种选择。在关联型的数......
  • Vue进阶(幺贰幺):ElementUI 表单校验注意事项
    (文章目录)一、表单检验注:prop对应的不单单是rules规则里面的验证项,同时对应着form-item下v-model绑定的值。prop绑定的类要与el-form-item下v-model的值相对应。否则就算校验元素输入字符,也会提示“请输入”之类的提示语,造成校验不友好问题。二、清除表单校验//清除表单校......