Hello friends ,
I have taken a template .
Footable responsive gridview not working in that template but i tried same code in new project it worked fine .
but same code not working in web page template
Dim stmt As String = "sql command"
Dim con As New SqlConnection("connection string")
Dim da As New SqlDataAdapter(stmt, con)
Dim dt As New DataTable()
da.Fill(dt)
If dt.Rows.Count > 0 Then
gvsect.DataSource = dt
gvsect.DataBind()
gvsect.UseAccessibleHeader = True
Dim cells As TableCellCollection = gvsect.HeaderRow.Cells
cells(0).Attributes.Add("data-class", "expand")
cells(1).Attributes.Add("data-hide", "phone,tablet")
cells(2).Attributes.Add("data-hide", "phone,tablet")
cells(3).Attributes.Add("data-hide", "phone,tablet")
cells(4).Attributes.Add("data-hide", "phone,tablet")
cells(5).Attributes.Add("data-hide", "phone,tablet")
cells(6).Attributes.Add("data-hide", "phone,tablet")
cells(7).Attributes.Add("data-hide", "phone,tablet")
cells(8).Attributes.Add("data-hide", "phone,tablet")
cells(9).Attributes.Add("data-hide", "phone,tablet")
cells(10).Attributes.Add("data-hide", "phone,tablet")
cells(11).Attributes.Add("data-hide", "phone,tablet")
cells(12).Attributes.Add("data-hide", "phone,tablet")
cells(13).Attributes.Add("data-hide", "phone,tablet")
cells(14).Attributes.Add("data-hide", "phone,tablet")
cells(15).Attributes.Add("data-hide", "phone,tablet")
gvsect.HeaderRow.TableSection = TableRowSection.TableHeader
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content = "width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no" />
<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 () {
$('#<%=gvsect.ClientID %>').footable({
breakpoints: {
phone: 480,
tablet: 1024
}
});
});
</script>
<script type="text/javascript">
function pageLoad() {
$('[id*=gvsect]').footable();
}
</script>
<script type="text/javascript">
$(function () {
$('[id*=gvsect]').footable();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="gvsect" CssClass="footable" runat="server"
AutoGenerateColumns="True">
</form>
</body>
</html>
