Skip to content
On this page

TAdaptivePage 组件(页面一屏显示)

一屏展示组件

操作 TTable 取消复选功能

显示左侧 tree 结构

treeTable 综合使用

动态切换表头

菜单管理(弹窗--默认插槽使用)

content插槽使用v1.4.13

解决TTable合计涉及到TSelectTable也出现合计问题解决v1.4.14

TAdaptivePage 参数配置


1、代码示例

html
<t-adaptive-page
  title="用户管理列表"
  :table="state.table"
  :columns="state.table.columns"
  :opts="opts"
  @size-change="handlesSizeChange"
  @page-change="handlesCurrentChange"
  @submit="conditionEnter"
/>
<t-adaptive-page
  title="用户管理列表"
  :table="state.table"
  :columns="state.table.columns"
  :opts="opts"
  @size-change="handlesSizeChange"
  @page-change="handlesCurrentChange"
  @submit="conditionEnter"
/>

2、配置参数(Attributes)继承 TTable 及 TQueryCondition 组件的所有属性、事件、插槽、方法

参数说明类型默认值
leftWidth左侧宽度number,String260
pageStylet-layout-page 行内样式object-
queryPageStyle查询条件组件的 t-layout-page-item 行内样式object-
tablePageStyletable 组件的 t-layout-page-item 行内样式object-
isTTableSelfFilling一屏组件 TTable 自动撑满(即分页器显示最下,table 内容撑满)Booleanfalse

3、Slots

插槽名说明
leftContent左侧具名插槽
contentv1.4.13条件查询与TTable组件之间具名插槽
-默认插槽