首页 > 其他分享 >el-table不出现滚动条

el-table不出现滚动条

时间:2023-08-31 23:00:11浏览次数:39  
标签:el 100% height 滚动条 width table

修改样式的时候,发现没出现自己想要的效果,用div重新布局以后,发现效果是出现了,但el-table滚动条不见了。

解决:

<div style="padding:2px;height:600px">
                      <el-table v-loading="loading" :data="list" highlight-current-row
                        style="width: 100%;" height="100%">
                      ...
                   </el-table>
</div>
 

 注:

将el-table的容器设一个高度,然后将el-table设置:style="width: 100%;" height="100%"

要将width,height分开写。

标签:el,100%,height,滚动条,width,table
From: https://www.cnblogs.com/jiduoduo/p/17670657.html

相关文章

  • 使用SheetJs实现在线预览Excel(保留单元格格式信息)
    一、寻找合适的在线预览Excel的js库经过百度各种搜索,加上ChatGpt推荐,决定用SheetJs实现在线预览Excel。下面是SheetJs的官网介绍:SheetJS电子表格简化读取、编辑和导出电子表格适用于网络浏览器和服务器Office365受到Microsoft信任 SheetJS软件为业务提供动力谷歌、......
  • The repository 'http://mirrors.163.com/debian jessie Release' does not have a Re
    设置Debian源为国内网易源tee/etc/apt/sources.list<<EOFdebhttp://mirrors.163.com/debian/jessiemainnon-freecontribdebhttp://mirrors.163.com/debian/jessie-updatesmainnon-freecontribEOF执行apt-getupdate出现报错root@d61378b9f12b:/#apt-getupda......
  • Element Plus 配置自动按需引入后,组件样式不自动导入的一种情况
    步骤:1、按照官网文档配置按需自动导入https://element-plus.org/zh-CN/guide/quickstart.html#按需导入2、在.vue单文件组件中手动引入了组件3、结果:组件样式就不自动导入了4、去除vue文件中手动引入的语句,样式正常了5、除了vue文件中,在其他文件中引入组件不会出问题,比如.t......
  • Pinely Round 2 (Div. 1 + Div. 2)
    PinelyRound2(Div.1+Div.2)比赛链接因为第二天早上满课,所以这个比赛没有打,但是补题还是要有的。A题ChannelA题链接你是一个博主,有n个订阅者,当你发表了一篇博客时,会被订阅者看到,一开始有a名订阅者在线,随后给你q个指令,“+”代表有一个订阅者上线,“-”代表有一个订阅者下......
  • 有了Excel和PPT,为什么我们还需要数据可视化工具?
    在当今信息时代,数据扮演着越来越重要的角色,而数据的可视化呈现正是一种强大的工具,能够帮助我们更好地理解和利用这些数据。虽然Excel和PPT在处理数据方面有着不可否认的作用,但在处理大规模、复杂数据时,数据可视化工具的独特优势却愈发显现。第一,数据可视化工具能够将抽象的数据......
  • configure: error: Can't find GL/gl.h. Look for Mesa devel packages for your dist
    1.安装文件查询工具 sudoaptinstallplocate  2.查询头文件地址,shell命令:locateGL/gl.h     3.为编译时指定其他的头文件查询地址:exportCPLUS_INCLUDE_PATH=/usr/include  ======================================= ......
  • Vue+Elemnt-UI遍历生成form-item并为其绑定校验规则
    需求:接口获取数据,动态渲染表单(文本框类型,内容,标签,是否必填)参照博主:blog.csdn.net/qq_33769914/article/details/122449601遇到的问题:1.通过对单个item绑定的校验规则不生效(表现为:不弹提示,或填了内容依旧提示)           2.提示出现后通过clearValidate()......
  • .Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架
    .Net6/NetCoreVueElementUniapp前后端分离低代码快速开发框架这是一个能提高开发效率的开发框架,全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。一、框架能做什么1、前后端分离项目2、纯后端项目3、移动端开发uni-app(IOS、Android、H5、微信小程......
  • ElementUI 全局设置组件的默认属性
    importElementUIfrom'element-ui'Element.Input.props.clearable.default=true;JS复制全屏原生属性通常情况下,以maxlength属性为例importElementUIfrom'element-ui'constrender=ElementUI.Input.render;ElementUI.Input.render=function(){......
  • 存储过程Select/Return/Output与Dapper对应关系
    存储过程:ALTERPROCEDURE[dbo].[usp_test]@testintoutputASBEGINselect@test=12;select11;END对应关系:1.参数out,output均可以,都对应Dapper:parameters.Add("@test",dbType:DbType.Int32,direction:ParameterDirection.Output);intm2=parameters.Get......