中后台场景，对表格的需求千变万化，今天来简单实现一下，采用vue+elementUI 下 表格列的显示、隐藏、及顺序的实时调整。

试想一下，你是否曾为Dialog的使用方式感到头疼🤺？一个Hook让你体验极致舒适的Dialog使用方式！🚀🚀🚀你确定不进来看看？现在就来体验一下吧，我向你保证，一旦尝试过，你将永远不会回头！

前言 在我们日常项目开发中,经常会有表格跨页多选的需求,接下来让我们用 el-table 示例一步步来实现这个需求。 动手开发 在线体验 https://codesandbox.io/s/pricel

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第N天，点击查看活动详情 >>PS：第9天。 1、新增表格行 这这里我是给按钮添加了点击事件给tableDatapush进一个空数组

已知需要自适应的页面结构 绿色固定高度区域： 可以想象为页面顶部的统计卡片 白色自适应高度区域： 可以想象为el-table所在区域 蓝色定高区域： 可以想象为分页组件区域 黄色动态高度区域： 可以想

ps: 看了很多案例，从简单的角度，position:sticky，似乎是比较理想的选择，可是当el-table设置了fixed后，这里的fixed会失效。最后还是采用了js监听滚动的思路实现。 实现

在开发项目中过程中发现，用到很多次confirm弹窗，如是就想能不能把他封装一下，这样用起来是让组内成员更方便一点。有了这个想法就开始封装了。下面讲一下我封装的思路 首先在 umlib.js 工具函数

写在最前面 这里只是提供一种想法并提供一些快速实现，实际这些技巧可以用在很多地方，如：动态表单 实现方式简述 通过json定义要显示的列 通过slot实现自定义列 通过require.context实

我对 Element 的 Table 做了封装，通过 columns 数组即可渲染出多个列，还支持自定义渲染，自定义列等其他功能