vxe-table 修改[表尾数据]footer的高度

蒋亚文

已于 2023-12-23 10:21:39 修改

阅读量730

点赞数 8

分类专栏：前端文章标签： vue 前端

于 2023-12-21 18:17:09 首次发布

本文链接：https://blog.csdn.net/qq_37207539/article/details/135137442

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在这里插入图片描述
下面展示样式代码


<style>
/*  对应 vxe-table 的 size 没有设置的时候  */
.vxe-table--render-default.border--full .vxe-footer--column
{
    height: 20px; 
}
/* 对应 vxe-table 的 size="medium" 的时候*/
.vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis{
    height: 20px;
}
/* 对应 vxe-table 的 size="small" 的时候*/
.vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis {
    height: 20px;
}
/* 对应 vxe-table 的 size="mini" 的时候*/
.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis{
    height: 20px;
}
</style>