
Table
It is used to display multiple pieces of data with similar structure, and the data can be sorted, filtered, compared or other custom operations.
Set ShowToolbar
to show the toolbar component
Demo
Set ShowSearch
to show the query component
Demo
In this example, the View button is displayed by setting ShowCardView
to switch the rendering mode of the Table
component
Set the TableToolbarTemplate
template to add custom extension buttons
Demo
In this example, a classic application scenario is implemented
- Click the download button to open the download thread in the background for data processing,
disable
download button - A progress bar is displayed in the foreground, and it is being packaged and exported. During this period, other transactions can be processed.
- After the data processing is completed, close the foreground prompt pop-up window,
restore
download button
In this example, by setting the IsAsync
property of the TableToolbarButton
button to enable asynchronous operation mode, please note that OnClickCallback
needs to be in the callback delegate Use true async operations otherwise no effect
By setting the ShowAddButton
ShowEditButton
ShowDeleteButton
attribute value to control whether the individual function button is displayed, when ShowDefaultButtons
is set to When false
, all buttons are not displayed
Demo
B station related video link
交流群