一文带你学会ant design vue调整table表格每行（row）行高

前端领域优质创作者

2022-12-25 22:53:36

ant design vue组件库固然简单好用，但是它的默认样式有时候非常鸡肋，有些是不太符合我们的需求的。比如，表格的padding过宽，又比如，更改行颜色。这时我们需要用到 vue组件的样式穿透 来更改table表格的默认样式。

vue3 antd table表格——自定义单元格样式（一）调整table表格每行（row）行高过高问题

...全文

72 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

相关推荐

前言不知道什么原因，变得高度很高，如下图所示：想要的效果：解决方案实际上导致这么高的原因是 padding ，并非 height ，且由 td 撑起来的 tr。在当前页面加入以下代码： /deep/ .ant-table-tbody > tr > td { padding: 0px!important; } ...

ant design vue组件库固然简单好用，但是它的默认样式有时候非常鸡肋，有些是不太符合我们的需求的。本文将介绍如何更改table表格的默认样式。

vue3 + ant design vue 纯前端实现最简单的table表格

在运用ant design vue的table表格时，觉得行高间距有点大，通过检查发现是padding撑起来了，但是研究一段时间发现使用customRow属性的回调函数改变padding没有效果。然后就可以选择最简单粗暴的直接修改对应的样式，通过检查找到行高样式的css，直接来个/deep/修改，成功了改变了padding压缩了行高。 //直接在style中添加样式 //这样使用会使得当前页面所有的table表格行样式都会改变 //如果想要调整表头的行高，可以把下面的td改成th //调整body行属性

Ant Design Vue (4) 给table表格整行加点击事件antd的表格点击表格整行添加点击事件vue用ant design中table表格,点击某行时触发的事件操作vue用ant design中table表格,点击某行时触发的事件操作ant table表格整行点击事件并获取当前行的数据Ant design vue表格行点击事件表格＜a-table＞组件绑定行点击事件（点击表格行事件）

63,556

社区成员

14,507

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

QQ群：480072171

英雄算法交流 8 群