Fixed Header Gridview With 23columns issue

Getting fixed header width issue with below https://www.aspsnippets.com/Articles/14/Scrollable-GridView-with-Fixed-Headers-in-ASP.Net/

<div class="container" style="width:3450px;">
               <table class="table table-responsive" cellspacing="0" rules="all" border="1">
                       <tr>
                           <th data-class="expand" scope="col" 
                               style="background-color: #337ab7; color: white;width:150px;">id</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">email</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">pass</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">name</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">role</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">gender</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">full_name</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">contact</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">address</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">dob</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">pro_pic</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">banned</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">last_login</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">last_activity</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">last_login_attempt</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">forgot_exp</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">remember_time</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">remember_exp</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">verification_code</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">totp_secret</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">ip_address</th>
                           <th scope="col" style="background-color: #337ab7; color: white;width:150px;">login_attempts</th>
                           <th scope="col">comment</th>
                       </tr>
                   </table>
           </div>
        <div class="container" style="width:3500px;height:30em;overflow:auto;">
             <asp:GridView ID="GridView1" class="table table-responsive table-bordered"
                 ShowHeaderWhenEmpty="true" ShowHeader="false" runat="server" 
                    OnRowDataBound="GridView1_RowDataBound" AutoGenerateColumns="false">
                    <Columns>
                        <asp:BoundField DataField="id" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="email" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="pass" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="name" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="role" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="gender" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="full_name" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="contact" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="address" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="dob" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="pro_pic" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="banned" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="last_login" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="last_activity" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="last_login_attempt" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="forgot_exp" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="remember_time" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="remember_exp" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="verification_code" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="totp_secret" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="ip_address" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="login_attempts" HeaderText="" ItemStyle-Width="150px"/>
                        <asp:BoundField DataField="comment" HeaderText="" ItemStyle-Width="150px"/>
                    </Columns>
                </asp:GridView>
        </div>