我正在使用 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>
除了在浏览器中看起来像 gridview 的标准样式(即 12
)的“pagination-bootstrap”之外,这一切都有效并且样式正确,但是在设计 View 中它被加载它的外观(即 [1][2]
)
我一直在研究它并尝试将样式放在 gridview 开始标记行中。在网上,我只找到了指向 css 文件或图像的链接以“~/css”开头的答案,但我不相信这是因为我添加到 style.css 文件的其他位工作得很好。
任何帮助将不胜感激
[编辑] 添加了它在设计 View 和浏览器中的外观图像
设计 View :
浏览器:
最佳答案
我发现答案是 CSS 已被缓存,因此为了刷新页面以获取更新的 CSS 文件,我必须按 Ctrl-F5,然后使用正确的分页样式重新加载页面。
关于html - Asp GridView 分页自定义 CSS 在设计 View 中有效,但在浏览器中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30078891/