Question

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

有什么建议吗？ Running Together

Grid Definition

Answer 1

首先，将GridView标题更容易发布为纯文本而不是图像。如果我想测试你的GridView，我将不得不输入代码而不是复制/粘贴。但问题可能是css，或缺乏。似乎值与右侧对齐，但不应用填充。可能发生的是使用BootStrap。因此，为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>

asp Gridview列一起运行

1 个答案: