如何在动态表格中附加CSS值

Question

我正在使用GWT表，该表是动态生成的，具有许多列，但是没有水平滚动条，并且要获取滚动条，我们需要在表周围具有固定宽度的包装器，但是GWT确实会创建容器，但不向其添加任何宽度。

为了解决该问题，我正在计算屏幕的宽度并将其添加到表包装器中，这是在表中添加滚动条，但工作异常。

1. 当我将鼠标移到桌子附近时，它会添加滚动条
2. 调整表格大小时不起作用

我正在使用Live()因为它适用于运行时对象，也不能使用click事件。

这是代码：

$(function() {
    var screenwidth = $(window).width();
    $('body').live("mouseover", function() {
        $('.scrollbar').css({
            'width' : (screenwidth) - 40
        });
        $("body").unbind("mouseover");
    });
});

Answer 1

1. 使用$（'body'）。on（“ mouseover”）如果获得滚动条，可以通过将overflow设置为none来处理。 如果需要动态更改CSS，则可以添加/删除类，并使CSS与代码分开。 这是一个好习惯。