.tableBox table { width:100%; } .tableBox thead { width:100%; border-top:1px solid #c5d9f1; border-left:1px solid #c5d9f1; } .tableBox tbody td,.tableBox thead th { height:30px; line-height:30px; text-align:center; font-size:12px; color:#404040; } .tableBox thead th { background-color:#d8e5f4; border-bottom:1px solid #c5d9f1; border-right:1px solid #c5d9f1; } .tableBox tbody { border-left:1px solid #dcdddd; } .tableBox tbody td { border-bottom:1px solid #dcdddd; border-right:1px solid #dcdddd; background-color:#FFFFFF; } .tableBox tbody tr:nth-child(even) td { background-color:#f9f9f9; } .tableBox table td,.tableBox table th { vertical-align:middle; }
根据freezeheader.js修改的一个简单的jquery固定表头表格插件,简单易懂,学习原理,自己根据需求改吧改吧变成自己的