Data Grid:

<asp:DataGrid ID="grid1" runat="server" BackColor="White"

BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px"
CellPadding="3" ForeColor="Black" GridLines="Vertical" ShowFooter="True"
AutoGenerateColumns="False" AllowPaging="True"
OnItemCommand="grid1_ItemCommand"
OnPageIndexChanged="grid1_PageIndexChanged">
<FooterStyle BackColor="#CCCCCC" />
<SelectedItemStyle BackColor="#000099" Font-
Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black"
HorizontalAlign="Center" NextPageText="Next" PrevPageText="Prev" />
<AlternatingItemStyle BackColor="#CCCCCC" />
<HeaderStyle BackColor="Black" Font-Bold="True"
ForeColor="White" />

<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:Label ID="lblid" runat="server"
Visible="false"
Text='<%#DataBinder.Eval(Container.DataItem,"serialno")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
 <asp:TemplateColumn HeaderText="First Name">
<ItemTemplate>
<asp:Label ID="label1" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"firstname")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Last Name">

<ItemTemplate>
<asp:Label ID="label2" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"lastname")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Email Address">

<ItemTemplate>
<asp:Label ID="label3" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"email")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Phone Number">

<ItemTemplate>
<asp:Label ID="label4" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"phonenumber")%>'></asp:Lab
el>
</ItemTemplate>
</asp:TemplateColumn>

<asp:ButtonColumn CommandName="select"
HeaderText="View Details" Text="Details"></asp:ButtonColumn>
<asp:ButtonColumn CommandName="update"
HeaderText="Update" Text="Update"></asp:ButtonColumn>
<asp:ButtonColumn CommandName="delete"
HeaderText="Delete" Text="Delete"></asp:ButtonColumn>
</Columns>
</asp:DataGrid>

C# code:

using System.Data.SqlClient;
using System.Text;
using System.IO;

SqlConnection con = new

SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber
ty;pwd=fitzart2-");
protected void Page_Load(object sender, EventArgs e)
{
con.Open();
Bind();
}
public void Bind()
{
SqlCommand cmd = new SqlCommand("select * from application",
con);
 SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds, "application");
grid1.DataSource = ds;
grid1.DataBind();

}
protected void grid1_PageIndexChanged(object source,
DataGridPageChangedEventArgs e)
{
grid1.CurrentPageIndex = e.NewPageIndex;
Bind();
}
protected void grid1_ItemCommand(object source,
DataGridCommandEventArgs e)
{
if (e.CommandName == "select")
{
TableCell c = (TableCell)e.Item.Controls[0];
Session["asd"] = ((Label)c.Controls[1]).Text;
//Session["prop"] = ((Label)c.Controls[1]).Text;

Response.Redirect("applicantdetails.aspx");
}
if (e.CommandName == "update")
{
TableCell c = (TableCell)e.Item.Controls[0];
Session["asd"] = ((Label)c.Controls[1]).Text;
Response.Redirect("applicationupdate.aspx");

}
if (e.CommandName == "delete")
{
TableCell c = (TableCell)e.Item.Controls[0];
string s = ((Label)c.Controls[1]).Text;
SqlCommand cmddelete = new SqlCommand("delete from
application where serialno='" + s.ToString() + "'", con);
cmddelete.ExecuteNonQuery();
Page.RegisterStartupScript("asd", "<script>alert('Details
deleted successfully')</script>");
Bind();

}
}

Data List:
<asp:DataList ID="DataList1" runat="server" BackColor="Black"
BorderColor="Black"
BorderStyle="Solid" BorderWidth="2px"
CellPadding="3" Font-Bold="True" CellSpacing="1" EnableTheming="True">
<FooterStyle BackColor="Black"
ForeColor="White" />
<SelectedItemStyle BackColor="#9471DE" Font-
Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#4A3C8C" Font-
Bold="True" ForeColor="#E7E7FF" />
<ItemTemplate>
<table>
<tr>
<td align="left">
<asp:Label ID="lblrequest" runat="server" Text="Reservation
or Request :"></asp:Label>
</td>

<td><asp:Label ID="lbl1propertyid" runat="server"

Text='<%#DataBinder.Eval(Container.DataItem,"reservationorraterequest")
%>'></asp:Label></td>
</tr>

<tr>
 <td>
<asp:Label ID="lblfirstnam" runat="server" Text="First Name
:"></asp:Label>
</td>
<td>
<asp:Label ID="lblfirstname" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"firstname")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label1" runat="server" Text="Last Name
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label2" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"lastname")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label3" runat="server" Text="Address
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label4" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"Address")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label5" runat="server" Text="Address1
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label6" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"address1")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label7" runat="server" Text="City
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label8" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"city")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
 <asp:Label ID="Label9" runat="server" Text="State
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label10" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"state")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label11" runat="server" Text="Zipcode
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label12" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"zipcode")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label13" runat="server" Text="Home Phone
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label14" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"homephone")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label15" runat="server" Text="Work Phone
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label16" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"workphone")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label17" runat="server" Text="Cell Phone
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label18" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cellphone")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label19" runat="server" Text="Email Id
:"></asp:Label>
 </td>
<td>
<asp:Label ID="Label20" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"email")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label21" runat="server" Text="Contact Source
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label22" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"howtocontact")%>'></asp:La
bel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label23" runat="server" Text="Reservation
Date&Time :"></asp:Label>
</td>
<td>
<asp:Label ID="Label24" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"datetime")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label25" runat="server" Text="Airport
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label26" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"airport")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label27" runat="server" Text="Airline
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label28" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"airline")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label29" runat="server" Text="Flight
Number&Trip :"></asp:Label>
</td>
 <td>
<asp:Label ID="Label30" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"flightnumber")%>'></asp:La
bel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label31" runat="server" Text="Pickup Address
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label32" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"pickupaddress")%>'></asp:L
abel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label33" runat="server" Text="Destination
Address :"></asp:Label>
</td>
<td>
<asp:Label ID="Label34" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"destinationaddress")%>'></
asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label35" runat="server" Text="Interested
Vehicle :"></asp:Label>
</td>
<td>
<asp:Label ID="Label36" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"interestedvehicle")%>'></a
sp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label37" runat="server" Text="No Of Passengers
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label38" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"noofpassengers")%>'></asp:
Label>
</td>
</tr>

<tr>
<td>
 <asp:Label ID="Label39" runat="server" Text="Special Event
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label40" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"specialevent")%>'></asp:La
bel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label41" runat="server" Text="Special
Insructions :"></asp:Label>
</td>
<td>
<asp:Label ID="Label42" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"specialinstruction")%>'></
asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label43" runat="server" Text="Payment Method
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label44" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"paymentmethod")%>'></asp:L
abel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label45" runat="server" Text="Card Type
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label46" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cardtype")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label47" runat="server" Text="Card Number
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label48" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cardnumber")%>'></asp:Label
>
</td>
</tr>
 <tr>
<td>
<asp:Label ID="Label49" runat="server" Text="Card Holder
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label50" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cardholder")%>'></asp:Label
>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label51" runat="server" Text="Expiry Date
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label52" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"expirydate")%>'></asp:Label
>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label53" runat="server" Text="Phone Number
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label54" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"phonenumber")%>'></asp:Lab
el>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label55" runat="server" Text="Shipping Address
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label56" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"myshippingaddress")%>'></a
sp:Label>
</td>
</tr>

</table></ItemTemplate>
<ItemStyle BackColor="#DEDFDE"
ForeColor="Black" />
</asp:DataList>

C# code:

using System.Data.SqlClient;
protected void Page_Load(object sender, EventArgs e)
{

SqlConnection con = new

SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber
ty;pwd=fitzart2-");
con.Open();
SqlCommand cmd = new SqlCommand("select * from application where
serialno='" + Session["asd"] + "'", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds, "application");
DataList1.DataSource = ds;
DataList1.DataBind();
}

To get an ID automatically:

int count = 0;

SqlConnection con = new

SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber
ty;pwd=fitzart2-");
con.Open();
SqlCommand nw = new SqlCommand("select max(serialno) from
application",con);
SqlDataReader dr = nw.ExecuteReader();
dr.Read();
if (dr[0].ToString()=="")
{
count = 1000;
}
else
{
count = Convert.ToInt32(dr[0].ToString()) + 1;

}
dr.Close();

Copy the following code into your HEAD tags.

<script language="JavaScript">
<!--
var months = new Array("January", "February", "March", "April", "May",
"June", "July", "August", "September", "October", "November",
"December");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30,
31);
var days = new Array("S", "M", "T", "W", "T", "F", "S");

today = new getToday();

var element_id;
function getDays(month, year)
{
// Test for leap year when February is selected.
if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
}

function getToday()
{
// Generate today's date.
this.now = new Date();
this.year = this.now.getFullYear() ; // Returned year XXXX
this.month = this.now.getMonth();
this.day = this.now.getDate();
}

function newCalendar()
{
var parseYear = parseInt(document.all.year
[document.all.year.selectedIndex].text);

var newCal = new Date(parseYear ,

document.all.month.selectedIndex, 1);
var day = -1;
var startDay = newCal.getDay();
var daily = 0;

today = new getToday(); // 1st call

if ((today.year == newCal.getFullYear() ) && (today.month ==
newCal.getMonth()))
day = today.day;
// Cache the calendar table's tBody section, dayList.
var tableCal = document.all.calendar.tBodies.dayList;

var intDaysInMonth =
getDays(newCal.getMonth(), newCal.getFullYear() );

for (var intWeek = 0; intWeek < tableCal.rows.length;

intWeek++)
for (var intDay = 0;
intDay < tableCal.rows[intWeek].cells.length;
 intDay++)
{
var cell = tableCal.rows[intWeek].cells[intDay];

// Start counting days.

if ((intDay == startDay) && (0 == daily))
daily = 1;

// Highlight the current day.

cell.style.color = (day == daily) ? "red" : "";
if(day == daily)
{
document.all.todayday.innerText= "Today: " + day +
"/" +
(newCal.getMonth()+1) + "/" + newCal.getFullYear();
}
// Output the day number into the cell.
if ((daily > 0) && (daily <= intDaysInMonth))
cell.innerText = daily++;
else
cell.innerText = "";
}

function getTodayDay()
{
document.all[element_id].value = today.day + "/"
+ (today.month+1) +
"/" + today.year;
//document.all.calendar.style.visibility="hidden";
document.all.calendar.style.display="none";
document.all.year.selectedIndex =100;
document.all.month.selectedIndex = today.month;
}

function getDate()
{
// This code executes when the user clicks on a day
// in the calendar.
if ("TD" == event.srcElement.tagName)
// Test whether day is valid.
if ("" != event.srcElement.innerText)
{
var mn =
document.all.month.selectedIndex+1;
 var Year = document.all.year
[document.all.year.selectedIndex].text;

document.all[element_id].value=event.srcElement.innerText+"/"+mn
+"/" +Year;
//document.all.calendar.style.visibility="hidden";
document.all.calendar.style.display="none";
}
}

function GetBodyOffsetX(el_name, shift)

{
var x;
var y;
x = 0;
y = 0;

var elem = document.all[el_name];

do
{
x += elem.offsetLeft;
y += elem.offsetTop;
if (elem.tagName == "BODY")
break;
elem = elem.offsetParent;
} while (1 > 0);

shift[0] = x;
shift[1] = y;
return x;
}

function SetCalendarOnElement(el_name)
{
if (el_name=="")
el_name = element_id;
var shift = new Array(2);
GetBodyOffsetX(el_name, shift);
document.all.calendar.style.pixelLeft = shift[0]; // -
document.all.calendar.offsetLeft;
document.all.calendar.style.pixelTop = shift[1] + 25 ;
}

function ShowCalendar(elem_name)
{
if (elem_name=="")
elem_name = element_id;

element_id = elem_name; // element_id is global variable

newCalendar();
SetCalendarOnElement(element_id);
//document.all.calendar.style.visibility = "visible";
document.all.calendar.style.display="inline";
}

function HideCalendar()
{
//document.all.calendar.style.visibility="hidden";
document.all.calendar.style.display="none";
}

function toggleCalendar(elem_name)
{
//if (document.all.calendar.style.visibility == "hidden")
if(document.all.calendar.style.display=="none")
ShowCalendar(elem_name);
else
HideCalendar();
}
-->
</script>

<style>
.today {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-
WEIGHT: bold}
.days {COLOR: navy; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-
WEIGHT: bold; TEXT-ALIGN: center}
.dates {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt}
</style>

Copy the following code into the BODY of your html page.

<FORM name=myForm>
<INPUT id=MyDate name=MyDate size=15>
<a href="JavaScript:;"
onClick="toggleCalendar('MyDate')">Calendar</a>
</form>
<TABLE bgColor=#ffffff border=1 cellPadding=0 cellSpacing=3
id=calendar style="DISPLAY: none; POSITION: absolute; Z-INDEX: 4">
<TBODY>
<TR>
<TD colSpan=7 vAlign=center>
<!-- Month combo box -->
<SELECT id=month onchange=newCalendar()>
<SCRIPT language=JavaScript>
// Output months into the document.
// Select current month.
for (var intLoop = 0; intLoop < months.length; intLoop++)
document.write("<OPTION " + (today.month ==
intLoop ? "Selected" : "") + ">" + months[intLoop]);
</SCRIPT>
</SELECT>
<!-- Year combo box -->
<SELECT id=year onchange=newCalendar()>
<SCRIPT language=JavaScript>
// Output years into the document.
// Select current year.
for (var intLoop = 1900; intLoop < 2028; intLoop++)
document.write("<OPTION " + (today.year ==
intLoop ? "Selected" : "") + ">" + intLoop);
</SCRIPT>
</SELECT>

</TD>
</TR>

<TR class=days>
<!-- Generate column for each day. -->
<SCRIPT language=JavaScript>
// Output days.
for (var intLoop = 0; intLoop < days.length; intLoop++)
document.write("<TD>" + days[intLoop] + "</TD>");
</SCRIPT>
</TR>

<TBODY class=dates id=dayList onclick="getDate('')"

vAlign=center>
<!-- Generate grid for individual days. -->
<SCRIPT language=JavaScript>
for (var intWeeks = 0; intWeeks < 6; intWeeks++)
 {
document.write("<TR>");
for (var intDays = 0; intDays < days.length; intDays++)
document.write("<TD></TD>");
document.write("</TR>");
}
</SCRIPT>

<!-- Generate today day. --></TBODY>

<TBODY>
<TR>
<TD class=today colSpan=5 id=todayday
onclick=getTodayDay()></TD>
<TD align=right colSpan=2><A
href="javascript:HideCalendar();"><SPAN style="COLOR: black; FONT-
SIZE: 10px"><B>Hide</B></SPAN></A></TD>
</TR>
</TBODY>

</TABLE>