如何在固定高度的情况下使表格不可滚动

.table-container {
  height: 300px; /* 设置表格容器的高度 */
  width: 100%; /* 设置表格容器的宽度 */
  overflow: hidden; /* 隐藏溢出内容，阻止滚动 */
}

var table = document.getElementById("myTable");
var container = document.getElementById("tableContainer");
var rowHeight = 30; // 假设每行的高度为30px

// 计算表格的总高度
var tableHeight = table.rows.length * rowHeight;

// 比较表格高度和容器高度
if (tableHeight > container.clientHeight) {
  table.style.overflow = "hidden";
}

<div id="tableContainer" scrolling="no">
  <table id="myTable">
    <!-- 表格内容 -->
  </table>
</div>