javascript - 在动态表上添加水平滚动时遇到问题

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')