如何在动态表中追加 CSS 值

How do I append CSS values in a dynamic table

本文关键字:追加 CSS 动态      更新时间:2023-09-26

>我正在使用GWT表,该表是动态生成的,其中包含大量列,但没有水平滚动条,要获取滚动条,我们需要在表周围具有固定宽度的包装器,但是GWT确实创建了容器,但不为其添加任何宽度。

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

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

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

这是代码:

$(function() {
    var screenwidth = $(window).width();
    $('body').live("mouseover", function() {
        $('.scrollbar').css({
            'width' : (screenwidth) - 40
        });
        $("body").unbind("mouseover");
    });
});
  1. 使用 $('body').on("mouseover")如果您正在获得滚动条,您可以通过将溢出设置为无来处理。如果您需要动态更改 css,您可以添加/删除类并将 css 与代码分开。 这是一个很好的做法。