如果是插件自带的标签样式,就找到指定的标签样式 进行定义 在标签找对的情况下如果不生效是没有附加上样式,需要加一个css的穿透样式
一.直接设置ant-table的高度为屏幕高度减去其他高度
1.这里会让分页下边缘自适应屏幕的高度
::v-deep .ant-table{
height: calc(100vh - 170px);
}
二.如果内容需要滚动的这种效果
解决方案:
1.先去除 把他去除 他会限制数据的高度
2.设置 .ant-table-scroll
::v-deep .ant-table-scroll {
height: calc(100vh - 170px);
overflow: auto scroll;
}
解释:
overflow: auto scroll;
overflow: scroll将隐藏所有溢出的内容并使滚动条出现在相关元素上。如果内容没有溢出,滚动条仍然可见,但被禁用。
overflow: auto 非常相似,但滚动条仅在内容溢出时出现。
::v-deep css的穿透样式 (简单来说就是强制性的给标签增加样式)
有些像 Sass 之类的预处理器无法正确解析 **>>>**。
这种情况下你可以使用 **/deep/** 或**::v-deep**操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。