sortable.vue 504 B

12345678910111213141516171819202122232425262728
  1. <script setup lang="ts">
  2. import { tableDataSortable } from "./data";
  3. const columns: TableColumnList = [
  4. {
  5. label: "日期",
  6. prop: "date",
  7. sortable: true
  8. },
  9. {
  10. label: "姓名",
  11. prop: "name"
  12. },
  13. {
  14. label: "地址",
  15. prop: "address",
  16. formatter: ({ address }) => `格式化后的内容:${address}`
  17. }
  18. ];
  19. </script>
  20. <template>
  21. <pure-table
  22. :data="tableDataSortable"
  23. :columns="columns"
  24. :default-sort="{ prop: 'date', order: 'ascending' }"
  25. />
  26. </template>