CSS пользовательский в gridview с asp.net/boostrap - PullRequest
0 голосов
/ 01 ноября 2018

Спокойной ночи, я делаю простую почтовую систему с GRIDVIEW, используя ASP.NET / BOOSTRAP, так как gridview - это простая таблица, я использую templatefild и itemtemplate с таблицами td и tr, чтобы быть "LOOKING" с БЛОГОМ! До этого все было в порядке, мне удалось оставить все в нужном порядке (название, дата, аннотация, ссылка, чтобы увидеть весь пост, автора), но я хотел применить CSS к этим элементам, конечно, я хотел оставить что-то вроде этот: КАК ХОЧУ

Применяя классы Boostrap, я могу получить это: С БУСТРАПЕЙ

Поскольку вы видите все, что близко к тому, что я хочу, тогда я решил создать свой собственный CSS, но ничего не ловит его, я создаю класс с моим именем, я распечатаю его в css, я применяю свойство COLOR для пример и шрифт не меняет цвет, классы boostrap работают, мои нет! Помните, что я использую WEBFORM + MASTER PAGE, затем на моей главной странице есть контейнер для жидкости, строка и столбец, а внутри - заполнитель содержимого! У меня есть gridview с столбцами, templatefild, шаблон элемента, таблицы, tr и тд! Я ПРИМЕНЯЮ css в GRIDVIEW, но он не справляется! следующие примеры:

Мастер-код:

      <!-- CONTEUDO -->
    <div class="container-fluid bg-page">
        <div class="row">
            <div class="col-lg-8">

                <asp:ContentPlaceHolder ID="conteudo" runat="server">
                </asp:ContentPlaceHolder>

            </div>

Код страницы, который вызывается внутри держателя содержимого:

     <div class="container-fluid bg-page" id="conteudo">
    <div class="row">
        <div class="col-lg-12">
            <asp:GridView ID="gdv_posts" runat="server"  ShowHeader="false" CssClass="table table-striped" GridLines="None" AutoGenerateColumns="false" PageSize="5" OnRowCommand="gdv_posts_RowCommand" AllowPaging="True" OnPageIndexChanging="gdv_posts_PageIndexChanging">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <table >
                                <tr >
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "titulo")%>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "data")%>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "descrição")%>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <asp:Button ID="btn_visualizar" runat="server" Text="Visualizar" class="btn btn-link nav-link" CommandName="Visualizar" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "id")%>' />
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <%# DataBinder.Eval(Container.DataItem, "autor")%>
                                    </td>
                                </tr>
                            </table>

                        </ItemTemplate>
                    </asp:TemplateField>

Код CSS:

.postagens{
    color: aqua!important;

}

.postagens table{
    color: aqua !important;
}

.postagens td{
    color: aqua !important;
}

.postagens tr{
    color:aqua !important;
}

1 Ответ

0 голосов
/ 02 ноября 2018

Вы не можете использовать GridView с Bootstrap, потому что он создает свою собственную не-RWD таблицу HTML. Вместо этого используйте ListView . Существуют учебные пособия о том, как сделать это с помощью GridView, но это излишне и ненужно, поскольку ListView позволяет вам использовать собственную адаптивную разметку таблицы Bootstrap в своем шаблоне.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...