Ngx-datatable在Bootstrap 4卡体样式问题内具有页尾页脚

Question

我正在将ngx-datatable与ngx-datatable-footer和bootstrap 4（卡类）一起使用。我要实现的是页脚（ngx-datatable-footer）是整个卡的宽度，但是ngx-datatable主体的两边都有小填充。使用引导卡（例如卡头，卡体和卡脚）很容易做到这一点，但是问题是分页也必须在卡体元素中才能起作用（也许吗？）。

出现问题的图片：

我试图做的事情：

1. 将ngx-datatable-footer移出ngx-datatable
2. 有些CSS魔术，但是ATM没有成功。

结果：页脚的容器的左侧和右侧（外侧）看起来与页眉容器{padding} 相同，两侧都没有多余的填充。卡的主体有填充物，但卡的页眉和页脚却没有！卡页脚为全宽度。

stackblitz上的简单代码示例-https://stackblitz.com/edit/ngx-datatable-responsive-demo-uj8aan