상세내역 그리드

내용보기 Table Style 입니다

사용 Guide

1. <div class="GridView">를 부모 속성으로 사용한다.
2. <tr> 스타일은 class="Row"를 사용한다.
3. table은 제목(class="Title...)과 내용(class="Value...)으로 나뉘며 여기에 위치 속성을 붙여 사용한다.
    ex) class="Title_First", class="Value_Last"
3. Title 부분은 <td>대신 <th>를 사용하고 텍스트에는 <asp:label... 을 사용한다.
    <th class="Title..."><aps:Label Text="...
4. 위치 속성(First, Center, Last)은 Gird 사용법과 같다.
5. Title 부분의 col 값은 <col class="Title"/>를 사용한다. (Title 넓이 일괄 적용)
6. 하위 title을 사용하는 경우 <td>에 하위 table을 만든다.
   <td class="Value_First ValueSubGrid">
        <div class="SubGridView">
            <table...
7.타이틀 Label은 <asp:Label Text=" Title".. 이나 <span class="Label">Title</span>을 사용한다
   <th class="Title_First"><asp:Label runat="server" Text="Title" /></th>
   <th class="Title_First"><span class="Label">Title</span></th>

Sample

HTML Guide

<div class="GridView">
    <table cellspacing="0" cellpadding="0" border="0" class="Outline">
       <colgroup>
             <col class="Title" /><col width="33%"/><col class="Title" /><col width="33%" /><col class="Title" /><col width="34%" />
        </colgroup>
        <tr class="Row">
           <th class="Title_First"><asp:Label runat="server" Text="Title"/></th>
           <td class="Value_First">내용</td>
           <th class="Title_Center"><asp:Label runat="server" Text="Title"/>></th>
           <td class="Value_Center">내용</td>
           <th class="Title_Last"><asp:Label runat="server" Text="Title"/></th>
           <td class="Value_Last">내용</td>
        </tr>
        <tr class="Row">
           <th class="Title_First"><asp:Label runat="server" Text="Title"/></th>   * 첫번째 열은 First
           <td class="Value_Last" colspan="5">내용</td>   * 마지막 열은 Last
        </tr>
        <tr class="Row">  /* 1행을 모두 사용할 경우 - 위치 속성 삭제
           <th class="Title" colspan="6"><asp:Label runat="server" Text="Title"/></th>
           <td class="Value" colspan="6">내용</td>
        </tr>
    </table>
</div>

| |