antd-vue中table组件的:scroll=“{x:true}“失效的问题

最新推荐文章于 2023-09-04 10:17:26 发布
最新推荐文章于 2023-09-04 10:17:26 发布
阅读量4k 收藏
点赞数 1
分类专栏： 前端大佬养成记 文章标签： vue tablet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43829161/article/details/121524666
版权

antd-vue中table组件的:scroll=“{x:true}“失效的问题


** table中使用:scroll=“{x:true}若不设置fixed：’'这个属性（设置一个即可）横向滚动条会失效，原理没找到，一点点试出来的，有知道原理的大佬欢迎留言** 

{
              title:'业务类型',
              fixed: 'left',
              align:"center",
              key:'busType',
              dataIndex: 'busType'
            },
程序员的修仙之路
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
antd-mobile-vue3.0:适用于vue 3.0的ant mobile
04-06
本项目是在本人之前移植的antd-mobile-vue的基础上使用vue3+vite2进行了改造，目前绝大部分组件都可以正常使用如有问题可添加个人微信（wuhao1200），欢迎共同交流antd-mobile-vue基于 Vue3 的组件库，代码由antd-...
antd-mobile-vue:antd-mobile的vue实现
05-17
如有问题可添加个人微信（wuhao1200），欢迎共同交流该项目原本为公司内部项目，现放到github上开源，发布个时候项目名称改为antd-mobile-vueantd-mobile-vue基于 Vue 的组件库，代码由antd-mobile转为Vue版本，目前...
ant-design-vue table组件scroll设置x值无效
最新发布
angle12138的博客
09-04 612
因为做页面的时候用的都是flex布局：flex:1。只要设置table的父级元素宽度就能解决了！
React antd的表格table设置column宽度失效，横向滚动设置 为scroll={{ x: 100 }}无效
u010234868的专栏
09-06 3809
即可解决React antd的表格table设置column宽度失效，横向滚动设置 为scroll={{ x: 100 }}无效的问题。2. 横向滚动设置为scroll={{ x: 'max-content' }}table每列内容不换行显示，超出显示宽度则出现横向滚动条。
antd表格a-table滚动失效。x轴滚动失效
Sunny_lxm的博客
04-19 2469
antd表格a-table滚动失效。x轴滚动失效 页面html代码如下。实现左右布局，左边侧边栏固定宽度，右边沾满剩余宽度
antd的Table设置横竖溢出滚动条显示
博客of me
06-07 3113
在scroll设置y轴滚动条有时候不生效，所以直接设置表格样式，定死表格高度，纵向溢出部分显示滚动条，可以达到相似的效果。
antv的table的scroll.y不生效
m0_52611940的博客
02-25 1322
<Table :columns="columns" :data-source="data1" :pagination="false" :scroll="{x: 1000, y: 300}" /> 其实不是scroll.y不生效，而是数据太少没有足够撑开到300 当设置200的时候滚动条就出现 ...
在vue中使用element的el-table和表单元素el-input或el-radio时失效的问题解决办法（已解决）
akoooo的专栏
09-22 576
el-table嵌套表单元素时，表单元素失效，也就是输入和点击无效时，是因为数据更新失效、试图更新失效
scroll-view组件中scroll-x=“true“没效果
zwtank的博客
11-24 1620
1.父子组件的高度设置好 2.父{white-space: nowrap;} 3.子{display: inline-block;}
vue 表格滚动
学吧
11-24 853
<template> <div class="table-wrapper"> <div class="table-head"> <table class="table-noborder" style="width:100%;table-layout: fixed" align="center" > <thead> <tr&g
ant-design-vue Table设置scroll.x，当没有数据时表头显示不全，且没有滚动条
棠樾的博客
03-17 4700
要想在表头中出现滚动条需要作如下修改： 1.在table中添加样式 2.在style.less文件中添加样式 补充：在antd中添加样式修改时需要注意两点 1.需要添加:global。 2.添加了:global该样式会变成全局样式，因此这里需要添加父类。如上面的tableStyle。 ...
vue-antd-admin：:ant:Ant Design Pro与Vue的实施
02-06
简体中文|Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选：预览地址： : 使用文档： : 常见问题： ://iczer.gitee.io/vue-antd-admin-docs/start/faq.html国内知名： ://gitee....
用于设置ant-design-vue中table组件的列宽可拖拽
08-05
vuex2.x中用于设置ant-design-vue中table组件的列宽可拖拽
antd-vue-admin：:cyclone:ant设计vue + vue.js + sass等实现的后台管理系统（以下有浏览地址）
02-05
antd-vue-admin typescript_Dev简介是一个后台管理spa页面，它基于和了最新的尖端技术栈，实现了登录权限验证，动态路由生成（新加入模块，根据模块生成对应模块的菜单信息），参考和 ，实现更标准化的前端实例模型...
vue+antd Table控制多个table横向滚动条同时滚动
qq_40853132的博客
11-08 2483
vue+antd Table控制多个table横向滚动条同时滚动
关于antdv表格a-table设置scroll属性后表格行错位解决方案
热门推荐
cabinx的博客
01-15 1万+
antdv表格a-table设置scroll属性后表格行错位解决方案 1.需求背景 最近开发财务项目中使用到了UI框架antdv，使用a-table后需要设置表格一屏显示，即表格内容超过了屏幕之后显示滚动条，但是表格行内容出现错位。 解决方案 1.先设置a-table的scroll属性，如下： <a-table ref="table" size="small" rowKey="id" :columns="columns"
AntD Vue中a-table的使用
浪潮行舟_chenjin2136
02-15 3034
最近在一个后台管理系统中用到AntD，其中对表格用的比较多。对常见的表格处理进行简要总结
antd滚动表格纵向滚动条问题
Charonmomo的博客
11-25 3494
antd的滚动表格的纵向滚动条消失问题。
Ant Design vue 组件table 水平和垂直滚动条
qq_43689775的博客
04-21 2750
Ant Design vue 组件table 水平和垂直滚动条
vue antd 怎么让ant-table-body里面的overflow: scroll失效
07-15
要禁用 `antd` 中 `ant-table-body` 组件的 `overflow: scroll` 样式，你可以使用以下方法： 1. 使用 `scoped` 样式：在 Vue 单文件组件的 `<style>` 标签中添加 `scoped` 特性，以将样式限定在当前组件范围内。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值