Asp GridView Pagination自定义CSS适用于设计视图,但不适用于浏览器

时间:2015-05-06 13:54:49

标签: html css asp.net twitter-bootstrap gridview

我正在使用Bootstrap,并且在gridview中有一个自定义css链接用于分页,所有CSS都在这两个页面中工作,我的母版页有:

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

在aspx页面中,我有一些东西......

 <asp:GridView ID="grid_view_search" runat="server" onprerender="GridView_PreRender" DataSourceID="sql_data_source_search" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="table table-hover table-condensed table-bordered" AllowSorting="True" AllowPaging="True">
            <Columns>
               //Columns here
            </Columns>
            <PagerSettings Mode="NumericFirstLast" />
            <PagerStyle CssClass="pagination-bootstrap" HorizontalAlign="Center" />
        </asp:GridView>

除了&#34; pagination-bootstrap&#34;之外,这一切都有效并且风格正确。在浏览器中看起来像gridview的标准样式(即12),但在设计视图中,它的加载方式与其相似(即[1][2]

我一直在玩它并尝试将样式放在gridview开口标记行中。在线我只找到了css文件或图像的链接以&#34;〜/ css&#34;开头的答案。但是我不相信这是因为我添加到style.css文件中的其他位工作正常。

非常感谢任何帮助

[编辑]在设计视图和浏览器中添加了它的样子

设计视图: Design View

浏览器: Browser

2 个答案:

答案 0 :(得分:2)

我发现答案是CSS被缓存所以为了刷新页面以获取更新的CSS文件,我必须按Ctrl-F5然后重新加载具有适当分页风格的页面。

答案 1 :(得分:0)

请务必查看此文章&#34;在Gridview上使用Bootstrap分页&#34; https://sufiawan.wordpress.com/2014/09/26/asp-net-use-bootstrap-pagination-on-gridview/