Deseamos mostrarte la mejor solución que descubrimos on line. Queremos que te sirva de ayuda y si deseas comentarnos alguna mejora hazlo libremente.
Solución:
Sé que esto es viejo, pero encontré algo, que es un estilo css, simple, fácil y rápido.
ASP.NET – Use Bootstrap Pagination On Gridview
Espero que salve a alguien en algún momento.
actualizar:
*En caso de que el enlace esté caído:
Agregas el CSS
.pagination-ys
/*display: inline-block;*/
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
.pagination-ys table > tbody > tr > td
display: inline;
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #dd4814;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left: -1px;
.pagination-ys table > tbody > tr > td > span
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
margin-left: -1px;
z-index: 2;
color: #aea79f;
background-color: #f5f5f5;
border-color: #dddddd;
cursor: default;
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus
color: #97310e;
background-color: #eeeeee;
border-color: #dddddd;
Y solo usa dentro del grd
Mi respuesta está tomada de la respuesta anterior de iYazee6. Lo nuevo aquí es mejorar el diseño CSS de la paginación, implementarlo y luego mostrar el resultado.
codigo css:
.GridPager a,
.GridPager span
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
.GridPager a
background-color: #f5f5f5;
color: #969696;
border: 1px solid #969696;
.GridPager span
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
border: 1px solid #3AC0F2;
el resultado es:
Simplemente personalice ligeramente las respuestas de esta pregunta y tendrá un buen buscapersonas GridView que admite cualquier tema CSS de Bootstrap de Twitter.
Plantilla GridView:
...
-
Código del lado del servidor:
public IEnumerable GetPages()
return Enumerable.Range(1, GridView.PageCount);
protected void PageIndexChanging(object sender, EventArgs e)
LinkButton pageLink = (LinkButton)sender;
GridView.PageIndex = Int32.Parse(pageLink.CommandArgument) - 1;
BindDataToGridView();
Puntuaciones y comentarios
Si aceptas, tienes el poder dejar una sección acerca de qué le añadirías a este enunciado.