responsive gridview asp.net render problem

See more:

responsive

Hello I have a gridview control which I need to make it responsive. I use footable jquery and css to following code

<asp:GridView ID="GridView2" CssClass="footable" runat="server" AutoGenerateColumns="false"
        Style="max-width: 500px">
        <Columns>
            <asp:BoundField DataField="Id" HeaderText="Customer Id" />
            <asp:BoundField DataField="Name" HeaderText="Customer Name" />
            <asp:BoundField DataField="Country" HeaderText="Country" />
            <asp:BoundField DataField="Salary" HeaderText="Salary" />
        </Columns>
    </asp:GridView>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/css/footable.min.css"
       rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/js/footable.min.js"></script>
   <script type="text/javascript">
       $(function () {
           $('#<%=GridView2.ClientID %>').footable();
       });
   </script>

Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
         If Not Me.IsPostBack Then
            Dim dt As New DataTable()
            dt.Columns.AddRange(New DataColumn(3) {New DataColumn("Id"), New DataColumn("Name"), New DataColumn("Country"), New DataColumn("Salary")})
            dt.Rows.Add(1, "John Hammond", "United States", 70000)
            dt.Rows.Add(2, "Mudassar Khan", "India", 40000)
            dt.Rows.Add(3, "Suzanne Mathews", "France", 30000)
            dt.Rows.Add(4, "Robert Schidner", "Russia", 50000)
            GridView2.DataSource = dt
            GridView2.DataBind()

            'Attribute to show the Plus Minus Button.
            GridView2.HeaderRow.Cells(0).Attributes("data-class") = "expand"

            'Attribute to hide column in Phone.
            GridView2.HeaderRow.Cells(2).Attributes("data-hide") = "phone"
            GridView2.HeaderRow.Cells(3).Attributes("data-hide") = "phone"

            'Adds THEAD and TBODY to GridView.

            GridView2.HeaderRow.TableSection = TableRowSection.TableHeader
           
        End If
        
    End Sub

This example works fine. In my code I have search criteria and a button so to bring data from a db. When the gridview brings the data is missing the thead tag and doesn't taking the correct css classes. How can I force the table that is rendering to take

GridView2.HeaderRow.TableSection = TableRowSection.TableHeader