[ASP.NET] GridView의 스크롤기능을 추가했을경우 사용되는 Div 태그의 Width 값 해상도에 맞게 설정해 주기

GridView에 스크롤기능을 넣기위해 Div 태그를 사용했다.

문제가 Div 태그의 Width 값을 100% 로 주었을경우 Div내에 있는 GridView의 Width값에 따라 늘어나는 것이었다.

GridView의 Width값과 상관없이 모니터의 해상도에 맞게 Div 태그의 Width값을 설정해주기 위한 방법입니다.

 

1. Div 태그내에 width=2000 인 GridView 추가

   <div name="SAMPLE_DIV" id="SAMPLE_DIV">

   <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" ShowHeader="False" width="2000" >

   .. 생략

   </asp:GridView>

   </div>

 

2. 태그 마지막 부분에 Div 태그의 Width값을 설정해주는 script function 추가

 .. 상위소스 생략

 </form>
 </body>
 <script language=javascript>setDivAutoSize();</script>
</html>

3. Div 태그 Width값 설정 script function 추가

<script language=javascript>

// DIV Auto Size 설정

function setDivAutoSize()

{
        var obj = document.getElementById("SAMPLE_DIV");
        var screenX = screen.Width;
        var screenH = screen.Height;
        obj.style.width = screenX-90;
        obj.style.height = screenH-200;//Top 메뉴 Height값 200 빼주기;
        obj.style.overflow = "scroll";

}

</script>

 

4. 완료.

 

이렇게하면 Div내에 위치한 GridView의 Width값에 상관없이 해상도에 맞게 Div태그의 Width값을 설정해줄수 있습니다.

[출처] GridView의 스크롤기능을 추가했을경우 사용되는 Div 태그의 Width 값 해상도에 맞게 설정해 주기|작성자 견우