知名网站建设定制如何让Ant <a-table>的高度自适应屏幕的高度/(table内容滚动条)

知名网站建设定制如果是插件自带的标签样式,知名网站建设定制就找到指定的标签样式 进行定义   在标签找对的情况下如果不生效是没有附加上样式,需要加一个css的穿透样式

一.直接设置-table的高度为屏幕高度减去其他高度

1.这里会让分页下边缘自适应屏幕的高度

  1. ::v-deep .ant-table{
  2. height: calc(100vh - 170px);
  3. }

二.如果内容需要滚动的这种效果

解决方案:

1.先去除 把他去除 他会限制数据的高度

2.设置 .ant-table-scroll

  1. ::v-deep .ant-table-scroll {
  2. height: calc(100vh - 170px);
  3. overflow: auto scroll;
  4. }

解释:

overflow: auto  scroll;

overflow: scroll将隐藏所有溢出的内容并使滚动条出现在相关元素上。如果内容没有溢出,滚动条仍然可见,但被禁用。

overflow: auto 非常相似,但滚动条仅在内容溢出时出现。

::v-deep  css的穿透样式 (简单来说就是强制性的给标签增加样式)

有些像 之类的预处理器无法正确解析 **>>>**

这种情况下你可以使用 **/deep/** 或**::v-deep**操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发