DataTable 表格

用於展示多條結構類似的數據， 可對數據進行排序、篩選、對比或其他自訂操作。

基礎使用

<!--組件-->
<rdnDataTable :data="tableData">
  <rdnDataTableColumn prop="name" label="姓名" :width="180"/>
  <rdnDataTableColumn prop="address" label="地址"/>
  <rdnDataTableColumn prop="date" label="時間" :width="180"/>
</rdnDataTable>

<!--資料-->
const tableData = [
{date: '2023-09-06', name: 'Roydon', address: '桃園'},
{date: '2023-09-07', name: 'Anna', address: '台北'},
{date: '2023-09-08', name: 'Tom', address: '新竹'},
]