自定义固定table表头

1.css部分

table {border-collapse: collapse;border-spacing: 0}h1 {font-size: 20px;color: #fff;text-transform: uppercase;font-weight: 300;text-align: center;margin-bottom: 15px;}table {width: 700px;table-layout: fixed;WORD-BREAK: break-all;}.tbl-header {overflow: hidden;left: 0;right: 0;}.tbl-content {height: 650px;overflow-x: auto;margin-top: 0px;}th {width: 120px;padding: 20px 15px;text-align: left;font-weight: 500;font-size: 12px;text-transform: uppercase;}td {width: 120px;padding: 15px;text-align: left;vertical-align: middle;font-weight: 300;font-size: 12px;border-bottom: solid 1px rgba(255, 255, 255, 0.1);}

2.html部分

Jobseeker No.JobseekerStateDocumentJob TitleEmailPhoneEmployerWork experienceOther detailsOperation
11111112222222333333344444445555555666666677777778888888999999900000000000000
11111112222222333333344444445555555666666677777778888888999999900000000000000
11111112222222333333344444445555555666666677777778888888999999900000000000000
11111112222222333333344444445555555666666677777778888888999999900000000000000

3.js部分



本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部