2013-03-12 84 views
1

我試圖調整HTML表格中充當ASP中繼器項目持有者的列的寬度。html表格​​中繼器itemtemplate中的寬度無法設置

<asp:Repeater id="viewproduct" runat="server"> 
<HeaderTemplate> 
    <table id="grid"> 
    <thead > 
     <tr> 
     <th width="20px" data-field="check"></th> 
     <th data-field="level">Status</th> 
     <th data-field="Class">Username</th> 
     </tr> 
    </thead> 
    <tbody>`` 
    </HeaderTemplate> 
    <ItemTemplate> 
     <tr> 
     <td width="20px"><asp:CheckBox ID="CheckApprove" runat="server" Width="20px" /></td>     
     <td><asp:Label ID="status" runat="server" 
      Text='<%#DataBinder.Eval(Container.DataItem, "Status")%>'></asp:Label></td> 
     <td><asp:Label ID="name" runat="server" 
      Text='<%#DataBinder.Eval(Container.DataItem, "name")%>'></asp:Label></td> 
     </tr> 
    </ItemTemplate> 
    <FooterTemplate> 
    </tbody> 
    </table> 
    </FooterTemplate> 
</asp:Repeater> 

請注意,標題跟在寬度後面,但內容沒有。爲什麼? 這裏是我的表看起來像目前:

+0

爲什麼不使用CSS設置。 – furtive 2013-03-12 03:15:38

+2

你能告訴我們你的結果HTML的相關片段嗎? – 2013-03-12 03:16:03

+0

從圖像看來,你似乎沒有向我們展示代碼。它看起來像UserName右側至少有一列。我只提到這一點,因爲如果桌子上有更多的東西,它可能會幫助我們找到問題。 – 2013-03-12 03:29:05

回答

2
Use style tag in th and td 
<asp:Repeater id="viewproduct" runat="server"> 
<HeaderTemplate> 
    <table id="grid"> 
    <thead > 
     <tr> 
     <th style="width:20px;" data-field="check"></th> 
     <th data-field="level">Status</th> 
     <th data-field="Class">Username</th> 
     </tr> 
    </thead> 
    <tbody>`` 
    </HeaderTemplate> 
    <ItemTemplate> 
     <tr> 
     <td style="width:20px;" ><asp:CheckBox ID="CheckApprove" runat="server" Width="20px" /></td>     
     <td><asp:Label ID="status" runat="server" 
      Text='<%#DataBinder.Eval(Container.DataItem, "Status")%>'></asp:Label></td> 
     <td><asp:Label ID="name" runat="server" 
      Text='<%#DataBinder.Eval(Container.DataItem, "name")%>'></asp:Label></td> 
     </tr> 
    </ItemTemplate> 
    <FooterTemplate> 
    </tbody> 
    </table> 
    </FooterTemplate> 
</asp:Repeater> 
0

style="width:20px;"代替width="20px"