无法在响应式表格布局中显示表格标题

@media screen and (min-width: 768px) {
  /* 在屏幕宽度大于等于768px时显示表格标题 */
  .table-title {
    display: block;
  }
}

<div class="table-container">
  <h2 class="table-title">表格标题</h2>
  <table>
    <!-- 表格内容 -->
  </table>
</div>

.table-container {
  display: flex;
  flex-direction: column;
}

.table-title {
  /* 设置表格标题样式 */
}

window.addEventListener('resize', function() {
  var screenWidth = window.innerWidth;
  var tableTitle = document.querySelector('.table-title');

  if (screenWidth >= 768) {
    tableTitle.style.display = 'block';
  } else {
    tableTitle.style.display = 'none';
  }
});