如何使用Eval更改TemplateField中的宽度

时间:2017-06-02 04:00:10

标签: html css asp.net gridview

我有一个Gridview包含许多模板字段。 我想让我的html源代码中的标签宽度等于我的数据库中保存的值。这是我正在尝试的代码,但它不起作用:

<asp:TemplateField HeaderText="Status" ItemStyle-Width="200px">
    <ItemTemplate>
           <asp:Label BackColor="#6699ff" Width="<%# 
           Eval("Status").ToString()  %>" runat="server">&nbsp;</asp:Label>
           <%# Eval("Status").ToString()  %>%
    </ItemTemplate>
</asp:TemplateField>

1 个答案:

答案 0 :(得分:0)

你可以这样做:

span.gridLabel
{
    display:block;
    /*You can change to display:inline-block if you want Label and %Value in same line.*/
}

您的模板字段:

<asp:TemplateField HeaderText="Status" ItemStyle-Width="200px">
    <ItemTemplate>
           <span class="gridLabel" style='width:<%# Eval("Status").ToString()  %>px; Background:#6699ff'>&nbsp;</span>
           <%# Eval("Status").ToString()  %>%
    </ItemTemplate>
</asp:TemplateField>