antd vue 表格无数据时表头不全显示x轴滚动条

最新推荐文章于 2023-10-20 16:50:22 发布
原创 最新推荐文章于 2023-10-20 16:50:22 发布 · 2.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#antd vue #table #css

这篇博客主要探讨如何使用CSS来定制Ant Design表格的占位符样式，通过设置`/deep/ .ant-table-placeholder`选择器，实现去除默认填充和顶部边框，以达到特定的视觉效果。
效果：

在这里插入图片描述

css:
/deep/ .ant-table-placeholder {
    padding: 0;
    border-top: none;
}
Vue中使用Antd中a-table实现表格数据列合并展示
JackieDYH的博客
11-05 572
根据需求实现当前两列数据中有相同数据时，合并列单元格。
antd Table设置scroll.x，当没有数据时表头显示不全，且没有滚动条
qq_31444707的博客
12-08 6590
这个问题先看下你的style样式中看看有没有全局样式覆盖了antd-table的样式，一般出现这个问题就是吧antd-table原有的样式覆盖了，所以看下你的全剧样式，这可是一个谨慎操作。
antd vue 表格没数据表调不能滑动
weixin_43962877的博客
09-25 369
.ant-table-placeholder { /*表格没数据表调不能滑动修改*/ padding: 0!important; border-top: none!important; }
ant-design-vue Table设置scroll.x，当没有数据时表头显示不全，且没有滚动条
qq_32578989的博客
03-03 3910
显示图二的效果需要更改.ant-table-placeholder样式 .ant-table-placeholder { padding: 0; border-top: none; }
antd-table滚动条
热门推荐
神zhi殇的博客
01-22 2万+
注：两者的区别： table超长，后面不显示了，那么： .ant-table-body { overflow: auto; } // “没有数据”没有滚动条，只是表格滚动 .ant-table-content{} // 给这个类加overflow：auto；这样在表格没有数据的时候，“没有数据”也是要随着滚动的！！！ ...
antdesign-vue table设置固定表头和列（就是横向滚动+纵向滚动）后滚动条消失（项目框架用的是snowy小诺）
qq_46490956的博客
09-04 3085
antdesign-vue table设置固定表头和列（就是横向滚动+纵向滚动）后滚动条消失（项目框架用的是snowy小诺）
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
10-16
总之，通过监听表格的滚动事件、获取可视宽度以及使用适当的CSS样式，我们可以实现Vue中滚动表格的表头与列的对齐，即使列的宽度各不相同。这个解决方案允许我们创建用户友好的滚动表格，提供良好的阅读体验。如果你...
基于vue.js无缝滚动效果
10-18
主要介绍了一个基于vue.js无缝滚动效果,文中给大家介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下
vue3.2 + antd vue3. 基于vue3.2 + antd vue3的后台管理系统.zip
12-31
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 Vue3，springboot，element-ui使用技巧，实战应用...
antd vue table跨行合并单元格,并且自定义内容实例
01-18
需求：表格实现跨行合并，并且在合并完的单元格中显示图片 效果图： 源码： export default { data() { return { pic95: require('@/assets/produit/95.png'), pic99: require('@/assets/produit/99.png'), ...
Ant Design Vue的table组件在有数据和没有数据的时候出现的样式冲突问题
weixin_50685099的博客
10-20 1167
Ant Design Vue的table组件在有数据和没有数据的时候出现的样式冲突问题
ant-design-vue的a-table组件空状态滚动条位置移动（亲测可用）
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
01-13 1371
a-table组件，判断当前table的表格数据是否为空，为空添加当前的类名即可。
ant中表格数据不显示的问题
lirtyuj的博客
07-25 1167
data数据不显示的问题是 BasicTable 是没有进行引入的，这是ant增强框架中的一个封装表格组件，引入即可。
antd表格a-table滚动失效。x轴滚动失效
Sunny_lxm的博客
04-19 3491
antd表格a-table滚动失效。x轴滚动失效 页面html代码如下。实现左右布局，左边侧边栏固定宽度，右边沾满剩余宽度
vue 无数据的表格不显示
wuzushun的博客
01-16 838
废话不多说上代码,用v-if对返回的数据做判断即可。
ant-design的Table组件暂无数据，滚动条位置修改
分享与记录前端点滴
09-16 4528
antd3.x的Table组件，设置横向滚动，如果没有数据，横向滚动条会展示在暂无数据的上方，现在想要把暂无数据展示在滚动条的上面原本效果。
【问题记录】el-table请求到的数据为空，表头不刷新
weixin_47093559的博客
07-01 987
el-table请求到的数据为空，表头不刷新
【ant design vue的table设置scroll后出现滚动条的隐藏处理】
weixin_55005618的博客
01-28 7846
【代码】【ant design vue的table设置scroll后出现滚动条的隐藏处理】
如何设置antd表格没有数据时不显示滚动条
最新发布
12-19
当你表格的数据为空，即`data`数组长度为0时，可以设置`scroll.y`为0，这样就不会显示垂直滚动条。以下是示例代码： ```jsx import { Table } from 'antd'; const columns = ...; // 表格列配置 const data = your...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值