
Table
It is used to display multiple pieces of data with similar structure. You can sort, filter, compare or other user-defined operations on the data.
The Table
component already supports mobile terminal adaptation. When the screen is smaller than the rendermoderesponsewidth
set value, the component will be rendered as a card for easy viewing of data, and its default value is 768
Table
component has a rendermode
attribute. Its default value is auto
and other values are defined as follows
Auto
: Usecardview
mode when the screen is smaller than 768px, otherwise useTable
modeTable
: Table rendering mode, usingtable
elements for data rendering, suitable for viewing data in a wide screenCardView
:Card rendering mode, usingdiv
elements for data rendering, which is suitable for viewing data on a narrow screen
Basic table presentation usage
Demo
items
component Table
display data is automatically updatedUsing a table with zebra stripes, it is easier to distinguish data from different rows. Just set istriped = true
Demo
Increase the effect of table frame by setting isbordered
attribute
Demo
Set the tablesize
attribute to make the gap in the table smaller and suitable for big data display
Demo
Tablesize
is an enumeration type of table size, the default value is normal
, and the compact value is compact
By setting headerstyle
Properties
Demo
Headerstyle
is the table header style, and the default value is none
Light
PatternDark
PatternAttributes
Methods
Table Attribute
B station related video link
交流群