Import table AnalyticalTable from @ui5/ webComponent-react:

Generate table header column label array and row data array:

Using the AnalyticalTable TAB, bind the data and columns properties to the previously created data array and header array, respectively:

The final effect is shown as follows:

For more of Jerry’s original articles, please follow the public account “Wang Zixi “: