为何EntityTable的「Columns To Display」操作弹窗无滚动条？

• 自定义CSS强制启用滚动条
  进入Dashboard编辑模式，打开「Settings」→「Custom CSS」，添加以下代码：

  .tb-modal-body .tb-entity-table-columns-selector {
      max-height: 60vh;
      overflow-y: auto !important;
  }
  

  这段代码会强制给列选择弹窗的内容容器设置最大高度（占视口60%），超出部分自动显示垂直滚动条，!important用来覆盖Thingsboard默认样式优先级。

• 升级Thingsboard版本
  这个滚动条不固定显示的问题属于UI适配bug，官方在后续版本中大概率会修复。检查当前使用的版本，升级到最新稳定版（如3.6.x及以上），能从根源解决兼容性问题。

• 清理浏览器缓存
  Edge和Firefox中偶尔出现的异常，可能是缓存的旧样式文件导致的。按Ctrl+Shift+Delete清理浏览器缓存与站点数据，刷新Dashboard后再测试。

• 强制弹窗重绘（进阶方案）
  如果CSS修改不生效，可在Dashboard的「Custom JS」中添加以下代码，监听弹窗加载并触发重绘：

  document.addEventListener('DOMContentLoaded', () => {
      const observer = new MutationObserver(mutations => {
          mutations.forEach(mutation => {
              if (mutation.addedNodes.length) {
                  const modal = document.querySelector('.tb-modal:has(.tb-entity-table-columns-selector)');
                  if (modal) {
                      const body = modal.querySelector('.tb-modal-body');
                      if (body) {
                          body.style.display = 'none';
                          setTimeout(() => body.style.display = 'block', 0);
                      }
                  }
              }
          });
      });
      observer.observe(document.body, { childList: true, subtree: true });
  });
  

  通过MutationObserver监听弹窗节点加载，加载后短暂隐藏再显示容器，强制浏览器重新渲染滚动条。

内容的提问来源于stack exchange，提问作者mcbnz