elementui 2.15 table 源码分析

ElementUI 2.15 版本中的 Table 组件源码比较复杂，主要分为以下几个部分：

1. 表格布局

Table 组件中的表格布局采用了 flex 布局，通过设置不同的 flex 属性来实现表格的自适应和列宽度的控制。具体实现可以在 `src/table.vue` 中的 `renderTable` 方法中查看。

2. 表格头部

Table 组件中的表格头部采用了固定表头和可滚动表体的方式，通过创建两个 table 元素来实现。其中，固定表头的 table 元素通过设置其样式为 `position: absolute` 和 `overflow: hidden` 来实现固定，可滚动表体的 table 元素则通过设置其样式为 `overflow: auto` 来实现可滚动。具体实现可以在 `src/table-header.vue` 中查看。

3. 表格列

Table 组件中的表格列通过 `el-table-column` 组件来定义。在组件内部，通过计算表格列的宽度、渲染表格列的内容和添加相关事件来实现表格列的展示和交互。具体实现可以在 `src/table-column.vue` 中查看。

4. 表格数据

Table 组件中的表格数据通过 `data` 属性来定义。在组件内部，通过计算表格数据的总页数、当前页码、每页显示条数等参数，以及根据表格列的定义来渲染表格数据。具体实现可以在 `src/table.vue` 中查看。

5. 表格分页

Table 组件中的表格分页通过 `pagination` 属性来定义。在组件内部，通过计算当前页码和每页显示条数来实现分页。具体实现可以在 `src/table.vue` 中查看。

总的来说，ElementUI 2.15 版本中的 Table 组件源码设计比较复杂，但是通过对组件的分解和模块化设计，实现了表格的高度自适应、列宽度可控、数据渲染、分页等功能。