前端调试没有滚动条_前端遍地花之 Table 表格组件库赏析

每每前端开发碰到产品需要在Table表格上大做文章时，内心总是呐喊的，常常一万个Question连击：

        哦，我不要！

        这个功能el-table也没有啊！

        这是antDesign或者ivue才有的！

        阿西吧，样式也不好弄啊这个！

        这个一定要下个礼拜弄好吗？

        ......

比如原本表格大多长这样：

或者这样

结果产品的要求是这样的

我需要

•     每列能够排序

•     每列能自带默认搜索，还能自定义搜索

•     希望能支持汉字拼音搜索功能

•     表头可以自定义，根据页面情况变化

•     滚动条给我换换，这个默认样子太丑了，照美工设计的要求来一遍

•     有统一的统计栏，统一的分页功能

•     起码支持千万级别数据展示

•     可以支持行内编辑等便捷方式操作

    ......

最后产品洋洋洒洒提了几页word，笑眯眯的对你说，这个没问题吧，我感觉挺简单的，这样吧，下周给一版我可以吗？

---

故事到这里，很多前端开发估摸着已经开始炸了。

翻遍整个elementui，ivue，antDesign等主流组件库也没看到哪个能全部对上号呀！好不容易花了几天功夫选定其中一个来实现，在最终以为可以交差时，发现总有那么几个功能要求实现起来相当棘手，别扭，代价极大且容易引出新问题。

对此，你有什么好的idea吗？或许自己整个自研Excel好像就差不多了呀，问题真的这么easy吗？欢迎留言，下篇继续展开。