Table 表格

用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。

Table 组件已经支持移动端适配,当屏幕小于 RenderModelResponsiveWidth 设定值时,组件渲染成卡片式方便查看数据,其默认值为 768

Table 组件有一个 RenderModel 属性,其默认值为 Auto 其他值定义如下

  • Auto: 当屏幕小于 768px 时使用 CardView 模式,否则使用 Table 模式
  • Table: 表格渲染模式,使用 table 元素进行数据渲染,适合宽屏幕下查看数据
  • CardView:卡片式渲染模式,使用 div 元素进行数据渲染,适合窄屏幕下查看数据

Table 组件有一个 UseComponentWidth 属性,其默认值为 false,表示使用 window 宽度来进行判断,当设置值为 true 时,表示使用组件自身宽度进行判断

基础表格

基础的表格展示用法。

Demo
Loading...

带斑马纹表格

使用带斑马纹的表格,可以更容易区分出不同行的数据。设置 IsStriped=true 即可

Demo
Loading...

带边框表格

通过设置 IsBordered 属性,增加表格表框效果

Demo
Loading...

紧凑型表格

通过设置 TableSize 属性,设定表格内间隙变小适合大数据展示

Demo

TableSize 为表格大小枚举类型,默认值为 Normal,紧奏型值为 Compact

Loading...

Attributes 属性

Loading...

方法 Methods

Loading...

TableColumn 属性

Loading...
An error has occurred. This application may no longer respond until reloaded. Reload