增加示例页、组件、样式

zrlibs

2025-03-17 7ae689ef9495232756023f0177683e80615e13aa

 src/components/examples/data-table.vue

@@ -5,11 +5,12 @@
      :row-class-name="() => ['no-wrap', 'col-gap-none']"
      :columns="columns"
      :data="data"
      :height="tableHeight - 70"
      :height="paged ? tableHeight - 70 : tableHeight"
      border
      ref="refTable"
    ></Table>
    <Page
      v-if="paged"
      class="text-center"
      :model-value="page"
      :total="total"
@@ -34,6 +35,10 @@
  name: "DataTable",
  props: {
    tableHeight: Number | String,
    paged: {
      type: Boolean,
      default: () => true,
    },
    columns: {
      type: Array,
      default: () => [],
@@ -127,6 +132,7 @@

<style lang="less" scoped>
.data-table {
  height: 100%;
  .text-center {
    text-align: center;
  }