Столбцы asp Gridview, работающие вместе

Question

У меня есть две соседние колонки, которые работают вместе без пробелов между ними.Один - это сумма в долларах, а другой - текстовое поле с именем.Вид сетки определяется с помощью CellPadding и CellSpacing, поэтому не ожидайте этого.Ширина столбцов определяется как 6% и 12% соответственно.Общее количество определений ширины столбцов составляет 70%.

Есть предложения? Бег вместе

Определение сетки

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>