Asp.net 同时运行的asp Gridview列

Asp.net 同时运行的asp Gridview列,asp.net,gridview,Asp.net,Gridview,我有两个相邻的列,它们一起运行,彼此之间没有空间。一个是美元金额,另一个是包含名称的文本字段。 gridview是用CellPadding和CellSpacing定义的,所以不要期望这样。 列宽分别定义为6%和12%。列的宽度定义总数为70% 有什么建议吗? 首先,GridView标题更容易作为纯文本而不是图像发布。如果我想测试您的GridView,我必须键入代码,而不是复制/粘贴。 但问题可能是css,或者说缺少css。该值似乎向右对齐,但未应用填充。可能发生的情况是使用了引导。 因此,为G

我有两个相邻的列,它们一起运行,彼此之间没有空间。一个是美元金额,另一个是包含名称的文本字段。 gridview是用CellPadding和CellSpacing定义的,所以不要期望这样。 列宽分别定义为6%和12%。列的宽度定义总数为70%

有什么建议吗?


首先,GridView标题更容易作为纯文本而不是图像发布。如果我想测试您的GridView,我必须键入代码,而不是复制/粘贴。 但问题可能是css,或者说缺少css。该值似乎向右对齐,但未应用填充。可能发生的情况是使用了引导。 因此,为GridView创建自己的样式

<asp:GridView ID="GridView1" runat="server" CssClass="MyGrid" AutoGenerateColumns="false" Width="100%">
    <Columns>
        <asp:TemplateField ItemStyle-CssClass="FloatRight">
            <ItemTemplate>
                <%# Eval("Amount") %>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <%# Eval("Description") %>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<style>
    .MyGrid td {
        padding: 3px;
    }

    .MyGrid .FloatRight {
        float: right;
    }
</style>

.MyGrid td{
填充:3倍;
}
.MyGrid。对{
浮动:对;
}