從@ui5/webcomponents-react導入表格組件AnalyticalTable：
生成表格的抬頭列標籤數組和行數據數組：
<code>const tableData = new Array(500).fill(null).map((_, index) => { return { name: `name${index}`, age: Math.floor(Math.random() * 100), friend: { name: `friend.Name${index}`, age: Math.floor(Math.random() * 100) } };});const tableColumns = [ { Header: "Name", accessor: "name" // String-based value accessors! }, { Header: "Age", accessor: "age" }, { Header: "Friend Name", accessor: "friend.name" }, { Header: "Friend Age", accessor: "friend.age" }];/<code>使用AnalyticalTable標籤頁，將data和columns屬性分別綁定到之前創建的數據數組和抬頭數組：
最後效果如圖：
分享到:
閱讀更多 汪子熙的游泳故事 的文章
