不同浏览器中的滚动条问题

Question

我在table内有一个div。在按钮单击中，我将table的宽度更改为div的宽度。问题在于IE11和Firefox滚动条没有出现，而在chrome scrolllbar中出现了。我不需要chrome中的滚动条。我的代码有什么问题？

Here is my code.

此问题是否有解决方法？

任何人帮助我做这件事!!

Answer 1

使用窗口的宽度：

 $("#changeWidth").click(function () {
            var table = $("#sampleTable");
            table.width($(window).width());
        });

demo

如果您不需要滚动条，则扣除一些值

table.width($(window).width() - 20);

demo

Answer 2

您可以使用此example删除Google Chrome中的滚动条。问题是表内容宽度是动态计算的（根据内容均匀地放置列）并且不等于您定义的宽度 - 差异可能小于1 px，但它已经显示。

修复是使用padding 1px表示容器或设置表格宽度小于table.width(table.width() / 2 - 1);我更喜欢填充值，因为表格宽度仍然是你需要的（1000,500,250等...而不是999,499,249 ...）