Html 固定表没有滚动在X

我有一个表格用户界面。我想在不滚动的情况下固定表的位置。我该怎么做？ 我的X表超流了

我的代码是

我用

它不起作用 请帮助我。

对每个表元素使用宽度（单位%）。试试这个

---

尝试将表格包装成div，并为其提供以下样式：

.wrapper {
  overflow-x:hidden;
  overflow-y:auto;
  height: 90px; /* Or whatever height you wish it to be */
  width: 500px; /* Or whatever width you wish it to be */
  padding-top: 20px;
}

.wrapper{
溢出x：隐藏；
溢出y：自动；
高度：90px；
宽度：500px；
填充顶部：20px；
}
th，td{
边框：1px纯黑；
}

日期
打开
悬而未决的
进展中
断然的
关闭
电子邮件
电话
网状物
全部的
白天
票
票
票
票
票
票
票
票
票
白天
票
票
票
票
票
票
票
票
票
白天
票
票
票
票
票
票
票
票
票
白天
票
票
票
票
票
票
票
票
票
白天
票
票
票
票
票
票
票
票
票

先生，对不起，我也面临同样的问题。更改宽度%不会影响表中的内容。请仔细阅读此内容。我希望您能理解，不幸的是，JSFIDLE链接断开了

table {
    max-width: 100%;
    border: none;
    border-spacing: 0;
    text-align: left;
    overflow-x: hidden;
}
th, tr {
  width:10%;
}

.wrapper {
  overflow-x:hidden;
  overflow-y:auto;
  height: 90px; /* Or whatever height you wish it to be */
  width: 500px; /* Or whatever width you wish it to be */
  padding-top: 20px;
}