2016-06-11 146 views
1

我有一個內容頁面,它有一個gridview來顯示細節。在主頁中,我將contentplaceHolder放置在表格單元格中。我只想顯示與單元格頂部相鄰的gridview。 Gridview總是顯示在中間。如何顯示錶格單元格頂部的內容?

這裏是我的代碼(母版頁):

<asp:Panel ID="Panel3" runat="server" BackColor="white" Width="100%"> 

     <table width="100%" style="text-align:center;"> 
      <tr> 
       <td style="width: 90%"> 
        <table width="100%"> 
         <tr > 
          <td style="width: 20%;text-align:center;background-color:#eeeeee"> 
           <div id="nav" class="menu"> 
               <ul> 
                <li id="Li1" class="liALL" runat="server"><a href="BusinessOpportunity.aspx"><font face="calibri">BusinessOpportunity 
                </font></a></li> 
                <li id="Li2" class="liALL" runat="server"><a href="OrderManagement.aspx"><font face="calibri">Oerdermanagement 
                </font></a></li> 
                <li id="Li3" class="liALL" runat="server"><a href="FDtracking.aspx"><font face="calibri">Fdtracking </font> 
                </a></li> 
                <li id="Li4" class="liALL" runat="server"><a href="PBG.aspx"><font face="calibri">PBG 
                </font></a></li> 
                <li id="Li5" class="liALL" runat="server"><a href="AddressMaster.aspx"><font face="calibri">AdressMaster 
                </font></a></li> 
               </ul> 
              </div> 
          </td> 
          <td style="background-color:#fafafa;width:78%;padding:0px"> 
           <div style="width:780px;margin-top:0px"> 
           <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
           </asp:ContentPlaceHolder> 
           </div> 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr> 
     </table> 
    </asp:Panel> 

代碼(內容頁面):

<%@ Page Title="" Language="C#" MasterPageFile="~/testmasterpage.master" AutoEventWireup="true" 
    CodeFile="BusinessOpportunity.aspx.cs" Inherits="BusinessOpportunity" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
    <div class="bop" style="overflow: scroll"> 
     <table> 
      <tr> 
       <td> 
        <asp:GridView ID="GridView1" runat="server"> 
         <RowStyle BackColor="#ffffff" ForeColor="#000000" Font-Size="12px" Height="10px" /> 
         <HeaderStyle BackColor="#eeeeee" ForeColor="#183DAC" Font-Size="15px" Height="30px" /> 
         <AlternatingRowStyle BackColor="#c0c0c0" ForeColor="#000000" Font-Size="12px" Height="10px" /> 
        </asp:GridView> 
       </td> 
      </tr> 
     </table> 
    </div> 
</asp:Content> 

回答

0
vertical-align:top; 

就在這個樣式添加到它承載了GridView表格單元格(上你的主人):

<td style="background-color: #fafafa; width: 78%; padding: 0px; vertical-align: top;"> 
    <div style="width: 780px; margin-top: 0px"> 
     <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
     </asp:ContentPlaceHolder> 
    </div> 
</td> 
+0

非常感謝你Mr.Denis Wesse LS .... – Abdu

相關問題