uni-table 固定表头代码

以下是一个基本的 uni-table 固定表头的代码示例：

<template>
  <div>
    <uni-table :data="tableData" :columns="tableColumns" height="300">
      <template v-slot:title>
        <div class="table-title">Title</div>
      </template>
    </uni-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [
          { id: 1, name: 'John', age: 20 },
          { id: 2, name: 'Alice', age: 25 },
          { id: 3, name: 'Bob', age: 30 },
          { id: 4, name: 'Chris', age: 35 },
          { id: 5, name: 'David', age: 40 },
          { id: 6, name: 'Emily', age: 45 },
          { id: 7, name: 'Frank', age: 50 },
          { id: 8, name: 'George', age: 55 },
        ],
        tableColumns: [
          { field: 'id', label: 'ID', width: 100 },
          { field: 'name', label: 'Name', width: 100 },
          { field: 'age', label: 'Age', width: 100 },
        ]
      }
    }
  }
</script>

<style scoped>
  .table-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
  }
</style>

在这个示例中，我们使用了 uni-table 组件来显示一个表格，并设置了表格的数据和列信息。为了实现固定表头，我们给 uni-table 组件添加了一个高度属性 `height="300"`，这个值是表格的高度。如果表格内容超出了这个高度，那么表格会出现滚动条。

此外，我们还在表格标题的 slot 中添加了一个自定义的标题，用于显示表格的标题信息。在样式中，我们对这个标题进行了一些基本的样式设置。

通过这个示例，你应该能够快速了解 uni-table 固定表头的实现方法。