table 表格合计功能

[ZzzhuzzZ]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-rc.7

Environment

vue版本：3.0.5

Reproduction link

Steps to reproduce

https://codesandbox.io/s/nice-burnell-piip4?fontsize=14&hidenavigation=1&theme=dark&file=/src/main.js

What is expected?

在table数据下边有个自己写好的合计数据行，但是无法跟table的数据达到自适应，屏幕拖动都会出现偏差

What is actually happening?

无法自适应

[snoweastcn]

同问，能把表格合计功能安排上吗，这个很实用啊

[xiaotiansky1]

我们是每次在表格数据后面加上一个合计行

[cloudsnet]

看到没有提供tfoot，而是单独提供了一个footer 有些蒙圈，无法自适应

[1314xulujin]

虽然ant-design-vue没有做底部合计栏，但是通过它提供的tfoot插槽是可以插入进去的，可以实现宽度和高度的自适应，也可做到左右滑动跟随还有固定列，主要步骤：
1.插入两个tfoot,一个是普通的，一个是用于固定列的。
2.给他们重置好样式，固定列的根据headerlist数据判断显示还是不显示。
3.左右滚动跟随，使用到了监听scroll事件，改变其scrollleft值来实现。
4.具体步骤不懂可以联系我：微信 15970461840 qq:1599537548
5.效果图：

[1314xulujin]

看到没有提供tfoot，而是单独提供了一个footer 有些蒙圈，无法自适应
可以用插槽做到的，完美解决

[ZzzhuzzZ]

虽然ant-design-vue没有做底部合计栏，但是通过它提供的tfoot插槽是可以插入进去的，可以实现宽度和高度的自适应，也可做到左右滑动跟随还有固定列，主要步骤：
1.插入两个tfoot,一个是普通的，一个是用于固定列的。
2.给他们重置好样式，固定列的根据headerlist数据判断显示还是不显示。
3.左右滚动跟随，使用到了监听scroll事件，改变其scrollleft值来实现。
4.具体步骤不懂可以联系我：微信 15970461840 qq:1599537548
5.效果图：

能否通过沙盒来展示下如何解决呢？

[1314xulujin]

虽然ant-design-vue没有做底部合计栏，但是通过它提供的tfoot插槽是可以插入进去的，可以实现宽度和高度的自适应，也可做到左右滑动跟随还有固定列，主要步骤：
1.插入两个tfoot,一个是普通的，一个是用于固定列的。
2.给他们重置好样式，固定列的根据headerlist数据判断显示还是不显示。
3.左右滚动跟随，使用到了监听scroll事件，改变其scrollleft值来实现。
4.具体步骤不懂可以联系我：微信 15970461840 qq:1599537548
5.效果图：

能否通过沙盒来展示下如何解决呢？

可以，我去写一个

[ZzzhuzzZ]

虽然ant-design-vue没有做底部合计栏，但是通过它提供的tfoot插槽是可以插入进去的，可以实现宽度和高度的自适应，也可做到左右滑动跟随还有固定列，主要步骤：
1.插入两个tfoot,一个是普通的，一个是用于固定列的。
2.给他们重置好样式，固定列的根据headerlist数据判断显示还是不显示。
3.左右滚动跟随，使用到了监听scroll事件，改变其scrollleft值来实现。
4.具体步骤不懂可以联系我：微信 15970461840 qq:1599537548
5.效果图：

能否通过沙盒来展示下如何解决呢？

可以，我去写一个

膜拜大佬 ORZ

[1314xulujin]

虽然ant-design-vue没有做底部合计栏，但是通过它提供的tfoot插槽是可以插入进去的，可以实现宽度和高度的自适应，也可做到左右滑动跟随还有固定列，主要步骤：
1.插入两个tfoot,一个是普通的，一个是用于固定列的。
2.给他们重置好样式，固定列的根据headerlist数据判断显示还是不显示。
3.左右滚动跟随，使用到了监听scroll事件，改变其scrollleft值来实现。
4.具体步骤不懂可以联系我：微信 15970461840 qq:1599537548
5.效果图：

能否通过沙盒来展示下如何解决呢？

可以，我去写一个

膜拜大佬 ORZ
沙盒太卡了，我写了个demo，gitee地址是：https://gitee.com/xulujin/antdv_table.git

[ZzzhuzzZ]

虽然ant-design-vue没有做底部合计栏，但是通过它提供的tfoot插槽是可以插入进去的，可以实现宽度和高度的自适应，也可做到左右滑动跟随还有固定列，主要步骤：
1.插入两个tfoot,一个是普通的，一个是用于固定列的。
2.给他们重置好样式，固定列的根据headerlist数据判断显示还是不显示。
3.左右滚动跟随，使用到了监听scroll事件，改变其scrollleft值来实现。
4.具体步骤不懂可以联系我：微信 15970461840 qq:1599537548
5.效果图：

能否通过沙盒来展示下如何解决呢？

可以，我去写一个

膜拜大佬 ORZ
沙盒太卡了，我写了个demo，gitee地址是：https://gitee.com/xulujin/antdv_table.git

通俗易懂！大佬🐮🍺 ORZ

[1314xulujin]

虽然ant-design-vue没有做底部合计栏，但是通过它提供的tfoot插槽是可以插入进去的，可以实现宽度和高度的自适应，也可做到左右滑动跟随还有固定列，主要步骤：
1.插入两个tfoot,一个是普通的，一个是用于固定列的。
2.给他们重置好样式，固定列的根据headerlist数据判断显示还是不显示。
3.左右滚动跟随，使用到了监听scroll事件，改变其scrollleft值来实现。
4.具体步骤不懂可以联系我：微信 15970461840 qq:1599537548
5.效果图：

能否通过沙盒来展示下如何解决呢？

可以，我去写一个

膜拜大佬 ORZ
沙盒太卡了，我写了个demo，gitee地址是：https://gitee.com/xulujin/antdv_table.git

通俗易懂！大佬🐮🍺 ORZ

嘿嘿😁 不客气 给俺点个赞就可以

[Blackcbears]

期待此功能。。。