React side project--Table 表格-1(套餐)

2022 iThome 鐵人賽

DAY 13

自我挑戰組

14th鐵人賽

504 瀏覽

傳統網頁曾經有用過Table 排版並顯示

當各式排版方式橫行的時代

Table 已經歸類於資料呈現的方式了

想當然爾，material-UI 也有自我樣式的Table

是個功能強大的制式表格
如下圖他可以簡單正序倒序，以及下簡單的條件

參數也可以很簡單設定
rows 寫入其 Title
columns 寫入Table內容
pageSize 可以設定每頁資料筆數

<DataGrid
  rows={rows}
  columns={columns}
  pageSize={5}
/>

系列文

React 面項目看起來很好吃吧--佐material 調料共 30 篇

1 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入留言