codepen์์ ๋ง๋ ๋ฐ๋ชจ๋ฅผ ๋ณด์ญ์์ค.
http://codepen.io/leomao10/pen/tEuqC
ํ ์ด๋ธ ํค๋๋ฅผ ๋ถ์ด๋ ค๊ณ ํ๋๋ฐ affix.js์์ ๋ง๋ ์ ํ ์ด๋ธ ํค๋๊ฐ ์๋ ๋๋น๋ฅผ ์ฌ์ฉํ์ง ์์ต๋๋ค.
๊ทธ๊ฒ์ ํ๋ฃจ ๋์ ๋๋ฅผ ๊ดด๋กญ ํ๊ณ ์ฌ์ ํ ๋จ์๊ฐ ์์ต๋๋ค.
ad์ ๋ํด position:fixed ์ดํ์ rowspan์ด TH์ ๋ํด ์๋ํ์ง ์๊ธฐ ๋๋ฌธ์
๋๋ค.
๊ณ ์ ๋๋น ์ค์ ์ด ๋์์ด ๋ ๊ฒ์
๋๋ค(ํฌ๋กฌ์์ ์๋).
$(".floating-header th").each(function() {
$(this).width($(this).width());
});
์, ์ด์ ํค๋๊ฐ ์ข์ ๋ณด์ ๋๋ค. :)
affix.js๊ฐ ์๋ณธ ํค๋๋ฅผ ์จ๊ธธ ๋ tbody์ ์ด ๋๋น๊ฐ ๋ณ๊ฒฝ๋๊ธฐ ๋๋ฌธ์ ์๋ฒฝํ๊ฒ ์๋ํ์ง ์์ต๋๋ค.
ํ์ง๋ง ๊ทธ๊ฒ์ ๊ณ ์น ๋ฐฉ๋ฒ์ด ์์ต๋๋ค.
@genbit , ๋์์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค
๋ฌด์ธ๊ฐ๋ฅผ ๋ฐฐ์นํ ๋ ๋๋น๋ฅผ ์ง์ ํด์ผ ํฉ๋๋ค. ํ์ฌ๋ก์๋ ํ ์ด๋ธ ํค๋ ์์ ์ ์ง์ํ์ง ์์ต๋๋ค.