asp Gridview 列一起运行答案

【问题标题】：asp Gridview Columns Running Togetherasp Gridview 列一起运行
【发布时间】：2018-05-21 16:04:14
【问题描述】：

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

有什么建议吗？ Running Together

Grid Definition

【问题讨论】：

标签： asp.net gridview

【解决方案1】：

首先，将 GridView 标头发布为纯文本而不是图像会更容易。如果我想测试您的 GridView，我将不得不输入代码而不是复制/粘贴。但问题可能是css，或者缺乏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>

【讨论】：