JS代码更改表标题，以显示溢出滚动条出现时

JS code to change table caption to display when overflow scroll bar appears

本文关键字：溢出 显示 滚动条 代码 标题 JS      更新时间：2023-09-26

我是这个网站的新手，所以如果我发错了请原谅我!

我正试图编写JS，以便表中的表标题属性在表溢出导致滚动条出现时出现(最有可能在移动设备上或由于窗口重新调整大小)。我该怎么做呢?我当前的表代码是:

.datatable table{
          max-width: 100%;
          display: block;
          position: relative;
          width: 100%;
          overflow-x:auto;
        }

我希望能够设置:

.datatable table caption{
    display:none;
}

在溢出滚动条出现时使用JS。

//this will add your css class if it has vertical scrollbar
(function($) {
    $.fn.hasScrollBar = function() {
        if(this.get(0).scrollHeight > this.get(0).clientHeight){
    $("tableid").addClass("yourCssClass");
    }
})(jQuery);
$('#tableid').hasScrollBar();

关于Sunil，你会有一个css类添加到你的样式表称为yourCssClass，例如:

.yourCssClass{display:none;}
相关文章：