我已经完成了页眉、项目和页脚,但没有使用 Bootstrap 3.0 的 Pager
您能否指导我如何以 ASP.NET Gridview 分页器样式实现 Bootstrap 分页?
请帮忙!
附加信息:::
到目前为止,这是我通过添加 CssClass 所做的。应用了 Bootstrap 样式的表格显示完美。
<div class="table-responsive">
<asp:GridView ID="grdSearchAgreement" runat="server" CssClass="table table-hover"
GridLines="None" AllowPaging="true" PageSize="2">
</asp:GridView>
</div>
这是从 ASP.NET GridView 生成的分页样式。它是表结构tr td。
<tr>
<td colspan="7"><table>
<tr>
<td><span>1</span></td><td><a href="javascript:__doPostBack('ctl00$body$grdSearchAgreement','Page$2')">2</a></td><td><a href="javascript:__doPostBack('ctl00$body$grdSearchAgreement','Page$3')">3</a></td>
</tr>
</table></td>
</tr>
但请参阅 Bootstrap 3.0 分页文档。该样式只能适用于 ul li。https://getbootstrap.com/docs/3.3/components/#pagination
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
如何更改从 gridview 生成的 tr td 寻呼机到 ul li?