如何在动态表中附加CSS值

Question

我正在使用GWT表，它正在动态生成大量列但是没有水平滚动条并且要获得滚动条，我们需要围绕表格固定宽度的包装器，但GWT会创建容器但不添加任何宽度它。

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

1. 当我将鼠标移近桌子时添加滚动条
2. 在调整表格
时不起作用

我正在使用Live()，因为它适用于运行时对象，我也无法使用点击事件。

以下是代码：

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

Answer 1

1. 使用$（'body'）。on（“mouseover”） 如果你得到滚动条，你可以通过设置overflow to none来处理它。 如果您需要动态更改css，可以添加/删除类并将css与代码分开。这是一个很好的做法。