div 안에 배치하지 않고 스크롤 가능한 gridview를 만드는 방법이 있습니까?

Question

gridview는 div 안에 포함하고 자동으로 오버플로를 만들면 스크롤 할 수 있다는 것을 알고 있습니다. 하지만 테이블을 사용하여 내 페이지를 정렬하고 div를 div 안에 넣는 것이 반드시 좋은 생각은 아니라는 것을 알았습니다. 주위에 다른 방법이 있습니까?

Answer 1

이 라이브러리를 사용할 수 있습니다. 브라우저를 거쳐 원활하게 작동합니다. Scrolling grid

<yourNameSpace:ScrollingGrid runat="server" ID=sg1 
     Width=450 Height=240 CssClass=sgTbl> 

    <asp:DataGrid runat="server" ID=Grid2 CellPadding=5 CellSpacing=1 
     AutoGenerateColumns=True AllowSorting=True 
     AllowPaging=True PageSize=35> 
     <HeaderStyle BackColor=red ForeColor=white Font-Bold=True /> 
     <ItemStyle BackColor=#fefefe /> 
     <AlternatingItemStyle BackColor=#eeeeee /> 
     <PagerStyle BackColor=silver ForeColor=White 
        Mode=NumericPages /> 
    </asp:DataGrid> 

    </yourNameSpace:ScrollingGrid> 

이렇게하면 고정 헤더를 사용하여 gridview를 자동으로 스크롤 할 수 있습니다.

Answer 2

gridview은 table입니다.

overflow CSS 속성을 사용해보세요. 또한 수평 오버플로 (overflow-x) 및 수직 오버플로 (overflow-y)의 동작을 정의하는 별도의 속성이 있습니다.

만 세로 스크롤을 원하기 때문에

,이 시도 :

이

table { 
    height: 500px; 
    overflow-y: scroll; 
} 

편집 :

은 분명히 <table> 요소가 overflow 속성을 존중하지 않습니다. 이는 <table> 요소가 기본적으로 display: block으로 렌더링되지 않았기 때문입니다 (실제로는 자체 디스플레이 유형이 있음). 당신은 블록 타입이기 위하여 <table> 요소를 설정하여 작동하도록 overflow 속성을 강제 할 수

table { 
    display: block; 
    height: 500px; 
    overflow-y: scroll; 
} 

참고이 100 % 폭을 갖도록 요소를 일으킬 것이다, 그래서 당신은 그것을 차지하지 않으려면 페이지의 전체 가로 너비를 지정하려면 요소의 명시적인 너비도 지정해야합니다.