table设置最小高度问题

弹窗表格设置高度。超过高度自动出现滚动条

比如我设置高300出现滚动条，这种情况可能高度290，没有滚动条，会导致文字显示不完整，需要怎么改一下呢

可以给你外面的盒子加一点内边距 padding-bottom:10px

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7681238
• 这篇博客你也可以参考下：Table 宽度超出页面宽度时，出现滚动条，单元格内容不换行实现
• 除此之外, 这篇博客: table内容超长自动隐藏，鼠标放置后浮动显示全部内容中的 2.内容特殊处理 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• function filterComplaint(v) {
      var rstr = '无';
      if (strIsEmpty(v)) {
          return '无';
      } else {
          rstr = '<div class="MHover">' + v + '</div>' +
              '<div class="MALL">' + v + '</div>';
      }
      return rstr;
  }

• 您还可以看一下 孟光焱老师的Tableau从入门到大伽视频教程课程中的 奥迪销售架驶舱_右下角切换销量前三后三名小节, 巩固相关知识点
  
• 以下回答由chatgpt基于相关博客总结生成:

  答案:

  要实现表格最小高度为300px并自动出现滚动条，我们可以使用CSS的max-height和overflow属性来实现。具体步骤如下：

  1. 在表格父级元素上添加一个类名，并设置该元素的max-height属性为300px，overflow属性为scroll：

  .table-wrapper {
    max-height: 300px;
    overflow: scroll;
  }
  

  1. 在渲染表格的地方，将表格元素放入一个div容器中，该div容器的类名为上一步设置的.table-wrapper类名：

  <div class="table-wrapper">
    <table>
      <!-- 表格内容 -->
    </table>
  </div>
  

  1. 如果表格中的内容高度超过了300px，该div容器会自动出现滚动条，否则在保证表格内容不被截断的前提下，该div容器的高度为300px，不会超出。

  完整示例：

  <div class="table-wrapper">
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
        </tr>
      </thead>
      <tbody>
        <!-- 一些表格数据 -->
      </tbody>
    </table>
  </div>
  
  <style>
  .table-wrapper {
    max-height: 300px;
    overflow: scroll;
  }
  </style>
  

  参考资料： - CSS overflow 属性