Question

我在Javascript中尝试以下内容：

if (parseInt($('#' + tableName + 'Table').width()) > parseInt($('#' + tableName + 'Table').parent().width())) {
                    console.log("Here");
                    $('#' + tableName + 'Table').css('overflow-x', 'scroll');
                }

它正在登录到控制台，但没有水平滚动条......

Answer 1

更改

$('#' + tableName + 'Table').css('overflow-x', 'scroll');

要

$('#' + tableName + 'Table').parent().css('overflow-x', 'scroll');

父元素是需要overflow-x属性的元素。

此外，您不需要javascript来实现此功能。您可以将overflow-x: auto;设置为父元素，如果内容太宽，它会自动添加滚动条。

Answer 2

显然你的jquery选择器是错误的。您可以使用调试器轻松记录$('#' + tableName + 'Table')或逐步执行代码，以查看此元素不存在或不是正确的元素。您的下一步是找出合适的选择器。在这种情况下，您需要定位$('#' + tableName + 'Table')

的父级

无法在动态表上添加水平滚动

2 个答案: