代码如下
<!DOCTYPE html><html><head><meta charset='utf-8'><title>表頭固定</title><style>.table-head{padding-right:17px;background-color:#999;color:#000;}.table-body{width:100%;height: 300px;overflow-y: scroll;}.table-head table,.table-body table{width:100%}.table-body table tr:nth-child(2n+1){background-color: #f2f2f2;}</style></head><body><div style="width:800px;"><div class="table-head"><table><colgroup><col style="width: 180px;"/><col style="width: 180px;" /><col style="width: 180px;"/><col style="width: 180px;" /></colgroup><thead><tr><th colspan="2">序號</th><th colspan="2">內容</th></tr><tr><th>序號1</th><th>序號2</th><th>內容1</th><th>內容2</th></tr></thead></table></div><div class="table-body"><table><colgroup><col style="width: 180px;"/><col style="width: 180px;"/><col style="width: 180px;"/><col style="width: 180px;"/></colgroup><tbody><tr><td>ceshi</td><td>ceshi</td><td>ceshi</td><td>ceshi</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr><tr><td>1</td><td>2</td><td>ceshi1</td><td>ceshi2</td></tr></tbody></table></div></div></body></html>
效果
