PageLayout 页面布局

页面布局提供常见的页头和内容区配置,页头可配置固定,内容区适配 ag 表格,实现外层代理滚动

基础用法

配合 RadTable 和 RadSearch 组建,展示自定义表格高度,更好的预览效果请点击 点击预览

API

PageLayout 属性

名称说明类型默认值必填
offsetTop偏移距离,页面顶部距离窗口高度number | string0
fixHeader是否固定头部boolean'top'
title页面标题string | slot
subtitle页面子标题string | slot
extra页面右上角自定义区域string | slot
cusHeaderClass自定义头部样式类名string-
pageLayoutClass自定义页面布局样式类名string-
bodyLayoutClass自定义页面 body 容器布局样式类名string-
blockLayoutClass自定义区块容器布局样式类名string-
agTableMinHeight虚拟表格 ag-table 最小高度(如果大于组建内置最小高度,则取内置最小高度:窗口高度-所有粘贴块高度)number0
agTableFitHeight虚拟表格自适应当前窗口高度booleanfalse

Block 属性

名称说明类型默认值必填
title区块的标题string0
stick是否启用粘性区块booleanfalse
marginTop区块顶部外间距, 如果希望设置外间距请使用此属性,不要写 style 样式设置number0
marginBottom区块底部外间距number0
blockWrapperClass自定义区块 classstring-

Block 事件

名称说明类型
float如果块设置了粘性,当粘贴时触发事件(value: boolean) => void

PageLayout 插槽

插槽名说明
default自定义默认内容
headerHeader头部区 - 顶部插槽,如果设置,则页面的 title subtitle extra 等属性失效
headerBody头部区 - 内容部分
headerFooter头部区 - 底部部分
block区块组建插槽位置
agTable虚拟表格插槽位置