请教，这样的一个报价表格，如何实现？需要用哪些技术？

Question

概述：
示例图是携程后台的一个报价表格
每个项目的价格组成会有点不同
移动滚动条的话，最左边和最右边的栏目可以保持不动

**因为自己刚用VUE来构建这个需求页面
请教，这样的一个报价表格，如何实现？需要用哪些技术？**

Answer 1

你是想问如何快速实现需求？还是实现这样一个控件的原理？如果是前者，使用各种组件库的现成解决方案就好了，比如 ant-d（虽然可能存在彩蛋）、element-ui 等等如果是后者，这种带有固定列的表格一般不是在一个 table 中实现的，而是通过多个 table 来分别渲染固定列和可滑动的列，并没有什么神秘的。唯一的难点在于数据的同步上面以及各个表格的对齐样式等等，这些需要花心思好好设计一下。