js table header 固定

如何让table的header固定，滑动的时候只有下边的数据在动？另外由于数据多可能会出现滚动条，在滚动条出现的时候数据会向左移动一小块，不能和header对齐了，要怎么解决？

---

可以试试将表格头部和和body分开写哦，不要写在一个table里面，看了下ant design 就是这么做的