I have used same tecnique as for responsive gridview but it is not applying on detailsview..please help
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="viewdata.aspx.cs" Inherits="EMSWebsite.WebForm3" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Applicant Details | Easy Employment Services</title>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
<link rel="icon" href="images/favicon.png" type="image/x-icon"/>
<link href="css/responsive.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/css/footable.min.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 () {
$('[id*=dv_job]').footable();
});
</script>
<script type="text/javascript">
function print_data() {
var detailsview = document.getElementById('<%= dv_job.ClientID %>');
var printWindow = window.open('', '', 'width=500,height=500,toolbar=0,scrollbars=1,status=0,resizable=1');
printWindow.document.write(detailsview.outerHTML);
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="rounded_corners" style="width:98%;margin-left:15px">
<div class="container" style="background-color:lightgreen;width:100%">
<div class="col-lg-4"></div>
<div class="col-lg-4">
<h3 style="background-color:lightgreen;width:100%;margin:0;font-weight:bold;color:black;padding-top:15px;text-align:center">Applicant Details</h3>
</div>
<div class="col-lg-4">
<asp:Button runat="server" ID="btn_viewqueries" CssClass="btn_viewdataseeker" Text="View Job Seekers" OnClick="btn_viewqueries_Click" />
<asp:Button runat="server" ID="btn_print" CssClass="btn-print" Text="Print" OnClientClick="print_data()"/>
<asp:Button runat="server" ID="btn_signout" Text="Logout" CssClass="btn-logout" OnClick="btn_logout_Click" />
</div>
</div>
<asp:DetailsView ID="dv_job" runat="server" CssClass="footable" FieldHeaderStyle-BackColor="forestgreen" FieldHeaderStyle-Height="25px"
FieldHeaderStyle-ForeColor="Black" RowStyle-BackColor="forestgreen" AlternatingRowStyle-BackColor="brown" Width="100%"
FieldHeaderStyle-Font-Bold="true" RowStyle-ForeColor="black" AutoGenerateRows="false" FieldHeaderStyle-Width="400px" FieldHeaderStyle-Font-Size="15px">
<Fields>
<asp:BoundField DataField="CreatedOn" HeaderText="Apply Date" ItemStyle-Font-Italic="true" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true"/>
<asp:BoundField DataField="Job" HeaderText="Job Applied For" ItemStyle-Font-Italic="true" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true"/>
<asp:BoundField DataField="Fname" HeaderText="First Name" ItemStyle-Font-Size="15px" ItemStyle-Font-Italic="true" ItemStyle-Font-Bold="true"/>
<asp:BoundField DataField="Lname" HeaderText="Last Name" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Email" HeaderText="Email" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Initial" HeaderText="Initial" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="HAddress" HeaderText="Home Address" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="AptNo" HeaderText="Apartment Number" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="City" HeaderText="City" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="PostalCode" HeaderText="Postal Code" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="HNumber" HeaderText="Home Number" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="PhoneNo" HeaderText="Phone Number" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Sin" HeaderText="S.I.N " ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Dob" HeaderText="Date Of Birth" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Car" HeaderText="Do You Have A Car ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="EmpName" HeaderText="Employer's Name" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="EmpPhone" HeaderText="Employer,s Phone Number" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="EmpStartDate" HeaderText="Start Date Of Employment" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="EmpEndDate" HeaderText="Last Date Of Employment" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="EmpDuties" HeaderText="Duties And Responsibilities" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="EmpReason" HeaderText="Reason For Leaving" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="RelevantExp" HeaderText="Relevant Experiences" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="ValidLicense" HeaderText="Do You Have A Valid Driving License ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="EduLevel" HeaderText="Level Of Education" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="CourseStudy" HeaderText="Course Study" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="CertiDipDeg" HeaderText="Certificate/Degree/Diploma" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Shifts" HeaderText="Shifts Available" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Whmis" HeaderText="WHMIS Stand For ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="WhmisTrained" HeaderText="Why Is It Important For You To Be Trained In WHMIS ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="WhmisThreeParts" HeaderText="Which Item Is Not One Of The Three Main Parts Of The WHMIS ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="WhmisWorkplace" HeaderText="A Workplace Label Must Have At Least The Following Information :" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Msds" HeaderText="What Does MSDS Stand For ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="Worker" HeaderText="A Worker Has Been Told To Clean The Floor With Liquid Form A Drum. The Supplier Label Has Been Torn Off. What Should He Do ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
<asp:BoundField DataField="FourWays" HeaderText="What Are The Four Ways A Controlled Product Can Enter The Body ?" ItemStyle-Font-Size="15px" ItemStyle-Font-Bold="true" ItemStyle-Font-Italic="true"/>
</Fields>
</asp:DetailsView>
</div>
<br />
</form>
</body>
</html>
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Web.Services;
using System.Data.SqlClient;
using System.Collections.Generic;
using System.Globalization;
using System.IO;
using System.Text;
namespace EMSWebsite
{
public partial class WebForm3 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Session["username"] == null)
{
Response.Redirect("~/login.aspx");
}
if (!IsPostBack)
{
string conn = ConfigurationManager.ConnectionStrings["myConnectionString"].ConnectionString;
SqlConnection con = new SqlConnection(conn);
SqlCommand com = new SqlCommand();
try
{
con.Open();
string s = " select * from tb_JobApply where ID ='" + Session["ID"].ToString() + "'";
SqlDataAdapter da = new SqlDataAdapter(s, con);
da.SelectCommand.CommandTimeout = 120;
DataSet ds = new DataSet();
da.Fill(ds, "ss");
dv_job.EmptyDataText = "No Records Found";
dv_job.DataSource = ds.Tables["ss"];
dv_job.DataBind();
//Attribute to show the Plus Minus Button.
dv_job.HeaderRow.Cells[0].Attributes["data-class"] = "expand";
//Attribute to hide column in Phone.
dv_job.HeaderRow.Cells[2].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[3].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[4].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[5].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[6].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[7].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[8].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[9].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[10].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[11].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[12].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[13].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[14].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[15].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[16].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[17].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[18].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[19].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[20].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[21].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[22].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[23].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[24].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[25].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[26].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[27].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[28].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[29].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[30].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[31].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[32].Attributes["data-hide"] = "phone";
dv_job.HeaderRow.Cells[33].Attributes["data-hide"] = "phone";
//Adds THEAD and TBODY to GridView.
dv_job.HeaderRow.TableSection = TableRowSection.TableHeader;
ds.Dispose();
da.Dispose();
}
catch (Exception ex)
{
}
finally
{
con.Close();
}
}
}
protected void btn_logout_Click(object sender, EventArgs e)
{
Session.RemoveAll();
Response.Redirect("~/login.aspx");
}
protected void btn_viewqueries_Click(object sender, EventArgs e)
{
Response.Redirect("~/job seekers.aspx");
}
}
}