ElementUI中的表格有提供一种合计的功能:

但是他那个合计只是统计当前页面上列的和,其实只能算“小计”,还有一种真正的合计,比如一共有100条数据,每页10条,那么有10页,这种合计能够算出100条数据,每一列的和,当前这个不是前端计算,一般是后台返回给前端,但是前端需要展现。

也就是说,可能存在一种情况,需要同时展现小计和合计,但是ElementUI中的table只提供一个合计,没有提供多个的方法,那如何实现?

实现的主要思路是利用提供的append的slot,往table的后面添加内容:

然后根据列的个数,去自定义一些div,利用flex布局去排列这些div。这里关键就是如何让这个div的宽度和table保持一致。

我们看到ElementUi实现的表头中有这种宽度信息,我们利用ref获取到这些宽度信息,然后给我们自定义的div就好了。

其他文章

0
我要评论

评论

返回
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

提交
还可以输入500个字