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;，如果内容太宽，它会自动添加一个滚动条。