目前正在为朋友开发一个小型网站。我正在使用Bootstrap 4和DataTable插件。
第一个问题是：数据表最初是响应式的，但是窗口的每次调整大小都不会对其进行调整（它会放置水平滚动条），但是在刷新时，新屏幕的大小是可以的。
第二个问题：我基本上将Datatables用于过滤器功能和排序功能。但是，它附带的按钮位于包含表而不是表本身的div的角上。表格有时小于div，因此按钮离表格太远。
示例：https://ibb.co/6HzjMGh（请注意最右边的按钮）
将表设置为最大宽度是可行的，但是很糟糕。
加上最大宽度（默认），此处是调整大小前的一个：https://ibb.co/1vf541H
之后：https://ibb.co/fCh0HFs（请注意，滚动条和列宽未调整）
w-auto上也会发生同样的情况。
我尝试过的事情：
我尝试在div中换行并在Datatables上设置默认宽度，但效果并不理想。我在网上搜索，发现没有任何帮助。
HTML代码：
if预期：
我希望表格能够响应，并且无论表格的宽度如何，按钮都与其对齐。
任何帮助将不胜感激。 谢谢。
编辑：
我使用了错误的数据表源文件（JS，CSS）。我使用的是v3而不是v4，所以Bootstrap搞砸了。