滚动表格CSS

Question

我正在玩滚动的桌子。现在我有两个不同的JSfiddles，两者都有一些错误的css，但我很难搞清楚。

第一个JSFiddle看起来没问题，除了我不希望它水平滚动，我希望thead和body适合div标签的整个宽度。

.table-scroll1 {
  position: relative;
  border: 1px solid #000;
  padding-top: 37px;
  background: #1e73be;
}
table-scroll1.positioned {
  position: absolute;
  top:100px;
  left:100px;
  width:100%;
  box-shadow: 0 0 15px #333;
}

JSFiddle 1

第二个JSFiddle，正文中的列没有与标题对齐。

table tbody, table thead {
  display: block;
}

table body {
   overflow:auto;
   height: 600px;
}

JSFiddle 2

非常感谢任何帮助。