2016-11-16 45 views
0

我正在使用gridview,如下所示。不知何故,頁碼出現在單獨的列中。我希望他們一起出現在中心。我如何將頁碼一起放在中心?GridView頁碼出現在相距很遠的獨立列中

<asp:GridView ID="GridView1" runat="server" Width="100%" OnRowCommand="GridView1_RowCommand" CssClass="GridStyle" AllowPaging="true" AllowSorting="True" AutoGenerateColumns="False" BorderColor="Black" OnPageIndexChanging="GridView1_PageIndexChanging"> 

<PagerStyle Font-Underline="false" BorderColor="White" BorderStyle="None" BorderWidth="0" /> 

enter image description here

CSS

.GridStyle { 
table-layout: auto; 
border: 1px solid black; 
background-color: White; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
/*border-collapse: collapse; 
margin-bottom: 0px;*/ 
} 

.GridStyle tr { 
    border: 1px solid black; 
    color: black; 
    background-color: #E5E4F2; 
    height: 25px; 
} 


.GridStyle th { 
    background-color: white; 
    border: none; 
    text-align: left; 
    font-weight: bold; 
    font-size: 15px; 
    padding: 4px; 
    color: black; 
} 


.GridStyle tr th a, .GridStyle tr th a:visited { 
    color: red; 
} 

.GridStyle tr th, .GridStyle tr td table tr td { 
    color: #484585; 
    border: 1px solid black; 
} 

.GridStyle td { 
    border-bottom: 1px solid black; 
    padding: 2px; 
} 

像這樣

回答

0

你的CSS類gridViewPager可以上漿頁碼對錶格寬度的元素。

查看gridViewPager,特別是關於任何width: 100%;

+0

對不起,我忘了從代碼中刪除類。其實沒有gridViewPager類。 – adityawho

+0

您試過刪除或編輯您的標籤嗎? – ARNDG2

+0

嘗試刪除它,沒有區別。編輯..我不知道還有什麼要嘗試。 – adityawho

0

GridView中的尋呼機是一個嵌套表。所以它可能會繼承父元素的寬度屬性100%

在HTML中,尋呼機看起來像這樣。

<tr> 
    <td colspan="8"> 
     <table> 
      <tr> 
       <td><span>1</span></td> 
       <td><a href="javascript:__doPostBack(&#39;ctl00$mainContentPane$GridView1&#39;,&#39;Page$2&#39;)">2</a></td> 
       <td><a href="javascript:__doPostBack(&#39;ctl00$mainContentPane$GridView1&#39;,&#39;Page$3&#39;)">3</a></td> 
      </tr> 
     </table> 
    </td> 
</tr> 

您既可以修復繼承,也可以給頁面分配它自己的類。

<PagerStyle CssClass="pagerCssClass" Font-Underline="false" BorderColor="White" BorderStyle="None" BorderWidth="0" /> 
+0

其實我發現它是繼承表元素的寬度。我改變它爲自動,它的工作。儘管感謝您的回答。 – adityawho