如何判断表格是否存在滚动条？单行表格时如何启用按钮？

针对你的两个问题，给出以下解决方案：

1. 判断容器是否存在滚动条 #

通过对比容器的内容总高度（scrollHeight）和可见高度（offsetHeight）就能判断：当scrollHeight > offsetHeight时，说明内容超出容器可视范围，存在滚动条；反之则没有。

可以封装成一个简单的工具函数：

hasScrollbar(element: HTMLElement): boolean {
  return element.scrollHeight > element.offsetHeight;
}

2. 无需滚动时自动启用按钮 #

你需要在数据加载完成后（比如组件初始化、接口数据返回后）主动检查容器是否有滚动条。如果没有滚动条，直接将dataReviewed设为true；如果有滚动条，再依赖滚动到触发逻辑。

具体实现步骤：

1. 给滚动容器加模板引用变量，方便直接获取DOM元素：

<div #scrollContainer (scroll)="onScroll($event)">
  <table mat-table
         ....
  </table>
</div>

2. 修改TS逻辑，增加主动检查的方法：

import { ViewChild, ElementRef, OnInit } from '@angular/core';

// 组件类
export class YourComponent implements OnInit {
  @ViewChild('scrollContainer') scrollContainer!: ElementRef<HTMLElement>;
  dataReviewed = false;

  ngOnInit() {
    // 初始化时检查（如果数据是初始加载的）
    this.checkScrollAndEnableButton();
  }

  // 假设这是你的数据加载方法
  loadTableData() {
    // 模拟数据请求
    this.yourDataService.fetchData().subscribe(data => {
      this.dataSource.data = data;
      // 数据更新后，等待DOM渲染完成再检查
      setTimeout(() => {
        this.checkScrollAndEnableButton();
      });
    });
  }

  onScroll(event: any) {
    // 加个-1解决浏览器精度问题，避免因小数差无法触发
    if (event.target.offsetHeight + event.target.scrollTop >= event.target.scrollHeight - 1) {
      this.dataReviewed = true;
    }
  }

  checkScrollAndEnableButton() {
    const container = this.scrollContainer.nativeElement;
    if (!this.hasScrollbar(container)) {
      this.dataReviewed = true;
    }
  }

  hasScrollbar(element: HTMLElement): boolean {
    return element.scrollHeight > element.offsetHeight;
  }
}

说明：

• 用setTimeout是因为Angular变更检测后，DOM更新可能有延迟，确保此时scrollHeight已经正确计算
• 滚动事件里的-1是为了兼容某些浏览器的像素精度问题，避免因为几分之一像素的差距导致条件不成立

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