el-table 通过样式吸顶操作每个页面都有，如何提取成公共

`el-table` 是 Element UI 中的一个表格组件，如果需要在一个页面中多次使用，并且需要对每一页都进行样式吸顶（通常指表头固定不动），你可以将这部分样式抽取出来成为公共样式或者复用组件。

1. **公共样式**：可以在全局 CSS 文件中定义样式规则，比如 `.table-header-fixed` 类别，包含吸顶表头所需的定位、z-index 等属性：

.table-header-fixed {
  position: sticky;
  top: 0;
  z-index: 1;
}

然后在需要吸顶的 `el-table` 上添加这个类：

<el-table :class="{ 'table-header-fixed': isHeaderFixed }" ...>
...
</el-table>

其中 `isHeaderFixed` 可以是一个布尔值由数据驱动，或者其他条件控制。

2. **复用组件**：可以创建一个名为 `StickyTableHead` 的自定义组件，包含表头部分并应用吸顶样式。当需要使用时，只需引用这个组件即可：

<template>
  <div class="table-header">
    <!-- 表头内容 -->
  </div>
</template>

<style scoped>
.table-header {
  /* 吸顶样式 */
}
</style>

<script>
export default {
  // ...
};
</script>

在父组件中使用：

<StickyTableHead :data="tableData" />
<el-table :data="tableData" ...></el-table>