고정 헤더가있는 Datagrid 스크롤

DataGrid 또는 GridView에서 고정 헤더를 사용하고 그리드를 스크롤하는 방법은 무엇입니까?고정 헤더가있는 Datagrid 스크롤

머리글에 다른 별도의 테이블을 사용하는 솔루션은 피하고 싶습니다.

2010-05-07 minal

자신 만의 질문을 읽고 싶을 수도 있습니다. 그것은 아마 당신이 그것을 기대하는 방법을 보지 않습니다. –

헤더를 테이블 헤더에 넣는 것은 내가 아는 유일한 해결책입니다. 여기에 다음과 같이 표시 할 수 있습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
<HTML><HEAD><TITLE>Scrolling tbody</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=windows-1252"> 
<STYLE type=text/css>TABLE { 
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 100%; BORDER-BOTTOM: black 1px solid 
} 
.noscroll { 
    BACKGROUND-COLOR: silver 
} 
TBODY { 
    OVERFLOW: auto; HEIGHT: 130px; width: 300px; 
} 
TH { 
    HEIGHT: 20px 
} 

TABLE { 
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px 
} 
.container { 
    BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: auto; BORDER-LEFT: black 1px solid; WIDTH: 300px; BORDER-BOTTOM: black 1px solid; HEIGHT: 150px 
} 
.noscroll { 
    POSITION: relative 
} 
</STYLE> 
<META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> 
<BODY> 
<DIV class=container> 
<TABLE cellSpacing=0 cellPadding=0 border=0> 
    <THEAD> 
    <TR class=noscroll> 
    <TH>Col 1</TH> 

    <TH>Col 2</TH> 
    <TH>Col 3</TH> 
    <TH>Col 4</TH> 
    <TH>Col 5</TH></TR></THEAD> 
    <TBODY> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR> 
    <TR> 
    <TD>1</TD> 

    <TD>2</TD> 
    <TD>3</TD> 
    <TD>4</TD> 
    <TD>5</TD></TR></TBODY></TABLE></DIV></BODY></HTML>

출처

2010-05-07 09:16:25 Kangkan

고정 헤더가있는 Datagrid 스크롤

답변

관련 문제