ant的a-table更改表格的高度

css 复制代码
<style lang="scss">
/* 表格状态筛选 popover 样式 */
.ant-popover.status-filter-popover .ant-popover-inner-content {
  padding: 0 !important;
}


  :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab) {
    background: #fff;
  }

  :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active) {
    background: #fff;
  }

  .template-table-work-package {
    // height: calc(100vh - 542px);
    height: calc(100vh - 200px);
    background: #fff;
    box-sizing: border-box;
  }

  .template-table-work-package.ant-table-wrapper .ant-table {
    // height: calc(100vh - 598px);
    height: calc(100vh - 200px);
    background: #fff;
    // background: red;
  }

  .ant-table,
  .ant-table-container,
  .ant-table-thead>tr>th,
  .ant-table-tbody>tr>td,
  .ant-table-cell {
    border-color: #B6C3CF !important;
  }

  .ant-empty-normal {
    // height: calc(100vh - 576px);
    height: calc(100vh - 269px);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-block: 0;
  }
.ant-table .ant-table-expanded-row-fixed{
  margin-bottom: 0;
  padding-bottom: 0;
}
  .ant-table-thead>tr>th::before {
    background-color: #B6C3CF !important;
  }

  .ant-table-wrapper .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table {
    border-color: #B6C3CF !important;
  }

  .ant-table-wrapper .ant-table .ant-table-header {
    border-right: 1px solid #B6C3CF !important;
  }

  .ant-table-wrapper .ant-table-thead>tr>th {
    color: #1F1F1F;
  }

  .ant-table-wrapper .ant-table-tbody>tr>td {
    color: #1F1F1F;
  }

  .ant-table-wrapper .ant-table-pagination.ant-pagination {
    margin-right: 20px;
  }
 
</style>
相关推荐
sibylyue2 小时前
基于 Vben Admin 框架的 Vue 3 前端项目配置文件及常用命令
前端·javascript·vue.js
知几蜗牛2 小时前
0 后端 · 0 数据库 · 0 备案:用 AI 两天搓出的股票管理系统,开源了
前端·后端·llm
雪芽蓝域zzs2 小时前
Element‑Plus icon 图标名称查询 & 和菜单 meta.icon 字段映射
前端
01_ice3 小时前
前端学习css
前端·css·学习
愚公搬代码3 小时前
【愚公系列】《Web应用安全》010-Repeater模块的使用
前端·安全
Cache技术分享3 小时前
503. Java 反射 - 编写 ServiceFactory 类
前端·后端
赵大仁3 小时前
AI 限流 UX 设计:排队、降级、告知与用户预期管理
前端·ai·限流·用户体验·产品设计
__sjfzllv___3 小时前
在职前端Leader学习/转行 AI Agent -DAY37
前端
用户2181697049304 小时前
Flutter (二十二) GlobalKey
前端