My gridview is displaying page numbers in separate columns instead of together in the center. How can I bring the page numbers together in the center?
<asp:GridView ID="GridView1" runat="server" Width="100%" OnRowCommand="GridView1_RowCommand" CssClass="GridStyle" AllowPaging="true" AllowSorting="True" AutoGenerateColumns="False" BorderColor="Black" OnPageIndexChanging="GridView1_PageIndexChanging">
<PagerStyle Font-Underline="false" BorderColor="White" BorderStyle="None" BorderWidth="0" />
https://i.sstatic.net/6a9nO.png
CSS
.GridStyle {
table-layout: auto;
border: 1px solid black;
background-color: White;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*border-collapse: collapse;
margin-bottom: 0px;*/
}
.GridStyle tr {
border: 1px solid black;
color: black;
background-color: #E5E4F2;
height: 25px;
}
.GridStyle th {
background-color: white;
border: none;
text-align: left;
font-weight: bold;
font-size: 15px;
padding: 4px;
color: black;
}
.GridStyle tr th a, .GridStyle tr th a:visited {
color: red;
}
.GridStyle tr th, .GridStyle tr td table tr td {
color: #484585;
border: 1px solid black;
}
.GridStyle td {
border-bottom: 1px solid black;
padding: 2px;
}
How can I adjust the CSS to center the page numbers in one column?