[ASP.net]DataGrid自定义模版前端代码

最新推荐文章于 2018-11-07 14:41:38 发布

bgu

最新推荐文章于 2018-11-07 14:41:38 发布

阅读量1.4k

点赞数

分类专栏： [My ASP/ASP.net(C#)] 文章标签： datagrid asp.net table div asp server

本文链接：https://blog.csdn.net/bgu/article/details/136544

版权

[My ASP/ASP.net(C#)] 专栏收录该内容

58 篇文章 0 订阅

订阅专栏

<asp:datagrid id="dgList" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" runat="server" CellPadding="0" GridLines="None" Width="100%" PageSize="2" AllowPaging="True" AutoGenerateColumns="False" ShowFooter="True">
     <AlternatingItemStyle BackColor="#777777"></AlternatingItemStyle>
     <Columns>
      <asp:TemplateColumn>
       <HeaderStyle Font-Size="X-Small" HorizontalAlign="Center" ForeColor="Blue" BackColor="#FFCC66"></HeaderStyle>
       <ItemStyle Font-Size="X-Small" HorizontalAlign="Center"></ItemStyle>
       <HeaderTemplate>
        <div>
         <table width="100%" bgcolor="#cc9966">
          <tr>
           <td><span>HeaderFonts</span></td>
          </tr>
         </table>
        </div>
       </HeaderTemplate>
       <ItemTemplate>
        <div>
         <table width="100%">
          <tr>
           <td>
            <%#DataBinder.Eval(Container.DataItem,"ID")%>
           </td>
           <td>
            <%#DataBinder.Eval(Container.DataItem,"Caption")%>
           </td>
          </tr>
          <tr>
           <td>
            <%#DataBinder.Eval(Container.DataItem,"content")%>
           </td>
          </tr>
         </table>
        </div>
       </ItemTemplate>
       <FooterTemplate>
        <div>
         <table width="100%" bgcolor="#cc6666">
          <tr>
           <td><span>FooterFonts</span></td>
          </tr>
         </table>
        </div>
       </FooterTemplate>
      </asp:TemplateColumn>
     </Columns>
     <PagerStyle NextPageText="<B>下一頁</B>" PrevPageText="<B>上一頁</B>" HorizontalAlign="Center" BackColor="Olive"></PagerStyle>
    </asp:datagrid>