html标题滚动代码,HTML固定标题表滚动条[复制]

th { text-align: center; border: 1px solid black; padding:3px; }

td { text-align: center; border: 1px solid black; padding:3px; }

th.c1, td.c1 { width: 100px; }

th.c2, td.c2 { width: 150px; }

th.c3, td.c3 { width: 60px; }

th.c4, td.c4 { width: 100px; }

th.c5, td.c5 { width: 150px; }

th.c6, td.c6 { width: 60px; }

#rowScroll { height: 100px; } /* Subtract the scrollbar height */

#contentScroll { height: 100px; width: 300px; }

#colScroll { width: 272px; } /* Subtract the scrollbar width */

	A B C D E F
R1 R2 R3 R4 R5 R6 R7 R8 R9	A1 B1 C1 D1 E1 F1 A2 B2 C2 D2 E2 F2 A3 B3 C3 D3 E3 F3 A4 B4 C4 D4 E4 F4 A5 B5 C5 D5 E5 F5 A6 B6 C6 D6 E6 F6 A7 B7 C7 D7 E7 F7 A8 B8 C8 D8 E8 F8 A9 B9 C9 D9 E9 F9

var content = $("#contentScroll");

var headers = $("#colScroll");

var rows = $("#rowScroll");

content.scroll(function () {

headers.scrollLeft(content.scrollLeft());

rows.scrollTop(content.scrollTop());

});