
Display detail line function
Used to display parent-child relationship table data
Set the detail row content by setting the DetailRowTemplate
template
Demo
In the detail row, another field education
of the binding row is displayed in the form of ordinary text
Set the detail behavior sub-table data by setting the DetailRowTemplate
template
Demo
Another Table
component is nested in the detail row. Since each row must be associated with sub-table data, for performance reasons, this function adopts the lazy loading
mode. , that is, after clicking the expand button, the nested Table
is filled with data, and the ShowDetailRow
callback delegate can control whether each row displays the detail row. In this example, the Complete
attribute to control whether to display the detail line, you can test this function by turning the page
Set the content of the detail row by setting the Height
template after the header is fixed
Demo
In this example, after the header is fixed, the detail line function is enabled
Set the detail row content by setting the DetailRowTemplate
template
Demo
In this example, the Tab
component is used in the detail row to split the data into two TabItem
contents again to demonstrate the data splitting again
Data source is DataTable
Demo
B station related video link
交流群