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>
相关推荐
修炼的dance8 小时前
白底图存JPG,sharp开mozjpeg背景杂点少近三成
前端
anOnion8 小时前
构建无障碍组件之Grid Pattern
前端·html·交互设计
乔旭伟8 小时前
Vben3 中后台表格封装实战:useVbenVxeGrid 的全局收敛与七个坑
前端·anti-design-vue·1024程序员节
鶴哥只手遮天8 小时前
jQuery 4.0 源码架构与工程实践-第 10 章 尺寸、几何与显隐
前端·javascript·jquery
Mia_墨黎8 小时前
2026 Windows 11 终端美化完全指南
前端·后端
用户1880687493529 小时前
戴着 Rokid 接成语:用 AIUI 做一局有提示、有复盘的“接着说”
前端
Sakura_j_h_9 小时前
Three.js 单文件离线机械臂工作台:爆炸图、透明外壳与剖面
前端·机械臂·webgl·three.js·1024程序员节·esbuild
计算机魔术师10 小时前
管谷歌的不是Pichai一个人,是一整层AI智能体
前端
米米商聊10 小时前
图标能点,按钮就可用了吗?键盘、名称与收藏状态
前端·javascript
Younglina11 小时前
三个晚上,我和 WorkBuddy 做了个生图网站
前端·后端·ai编程