내가 원하는 내 gridview 행을 세로로 (하나의 행 세부 다른 후)

나는 일부 column.Now있는 GridView에서 asp.net있는 Gridview 같은 방식으로 내 첫 번째 행 머리글 내 결과를 표시하려면 원하는 이 행의 각 열 세부 정보 아래에 내 행에 모든 세부 정보를 표시 한 후 그 행의 열과 함께 아래에 다른 행을 표시하려고합니다. 어떻게 할 수 있습니까? 난 그냥 이해가 도움이 될 것 같아요 그림을 추가하십시오. image here 내가 원하는 내 gridview 행을 세로로 (하나의 행 세부 다른 후)

출처

2017-11-09 Nahid

지금까지 해보신 것은 무엇입니까? 관련 코드 스 니펫을 공유하십시오. –

방금 여러 번 시도했지만 해결 방법을 모릅니다. 내 GridView 행을 세로로 만들 수 있지만 다시 생각할 수있는 것 같아요 또한 가능한 templatefield 수 있습니다. 하지만 난 그것에 대해 전혀 몰라서 할 수 없어. 내 이미지를 볼 수 있다면 내가 어떻게 내 gridview을 이해하는 것 같아 – Nahid

TemplateField에 열 중 하나를 변환,이 필드의 ItemTemplate을 예를 들어, 속성의 나머지 부분에 대한 컨트롤을 추가 내부 :

<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="CustomerId"> 
    <Columns> 
     <asp:TemplateField HeaderText="" InsertVisible="False" SortExpression="CustomerId"> 
      <ItemTemplate> 
       <table> 
        <tr> 
         <td><strong>Id</strong></td> 
         <td><asp:Label ID="Label2" runat="server" Text='<%# Bind("CustomerName") %>'></asp:Label></td> 
        </tr> 
        <tr> 
         <td><strong>Name</strong></td> 
         <td><asp:Label ID="Label4" runat="server" Text='<%# Bind("CustomerName") %>'></asp:Label></td> 
        </tr> 
       </table> 

      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns>

앞의 코드에서 저는 테이블을 사용하여 아이디어를 보여주기 위해 컨트롤을 감싸려고했지만 부트 스트랩, HTML, CSS, 자바 스크립트 코드를 사용할 수 있습니다.

출처

2017-11-09 21:06:04

고마워. 그 개념을 얻는 데 많은 도움이됩니다. 저는 gridview 행을 수직으로 만들면 가능할 것이라고 생각했습니다. 블로그 나 튜토리얼 또는 기타 다른 방법으로 디자인을 향상시킬 수 있습니다. 도와주세요. – Nahid

부트 스트랩 사용 https://getbootstrap.com/docs/3.3/ –

내가 원하는 내 gridview 행을 세로로 (하나의 행 세부 다른 후)

답변

관련 문제