Hi makumbi,
Please refer below sample.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.auto-style1 {
width: 100%;
border-style: hidden;
border-width: 1px;
background-color: firebrick;
}
.auto-style2 {
background-color: #FFFFFF;
}
.auto-style3 {
width: 81px;
background-color: #FFFFFF;
}
.auto-style4 {
width: 142px;
background-color: #FFFFFF;
}
.auto-style6 {
width: 243px;
background-color: #FFFFFF;
}
.auto-style7 {
width: 54px;
background-color: #FFFFFF;
}
.auto-style8 {
width: 179px;
background-color: #FFFFFF;
}
.auto-style9 {
width: 171px;
background-color: #FFFFFF;
}
.auto-style10 {
width: 180px;
background-color: #FFFFFF;
}
.newStyle1 {
background-color: #00FFFF;
}
</style>
</head>
<body style="width: 889px; height: 141px">
<form id="form1" runat="server">
<asp:Panel ID="Panel1" runat="server" Height="79px">
<table cellpadding="2" class="auto-style1">
<tr>
<td class="auto-style3">Patient No</td>
<td class="auto-style4">
<asp:Label ID="PatientNo" runat="server" Text="Patient No"></asp:Label>
</td>
<td class="auto-style9">Patient Name</td>
<td class="auto-style6" colspan="2">
<asp:Label ID="PatientName" runat="server" Text="Patient Name"></asp:Label>
</td>
<td class="auto-style7">Date</td>
<td class="auto-style2">
<asp:TextBox ID="Dates" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style3"> Amount:</td>
<td class="auto-style4">
<asp:TextBox ID="Amount" runat="server"></asp:TextBox>
</td>
<td class="auto-style9">Ref No</td>
<td class="auto-style8">
<asp:TextBox ID="RefN" runat="server"></asp:TextBox>
</td>
<td class="auto-style10">Particulars</td>
<td class="auto-style2" colspan="2">
<asp:TextBox ID="Particulars" runat="server" Width="181px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style3">
<asp:Button ID="Button1" runat="server" Text="Save Billing" />
<asp:Button ID="Button5" runat="server" Style="display: none;" />
</td>
<td class="auto-style4"> </td>
<td class="auto-style9"><strong>Search Patient</strong></td>
<td class="auto-style6" colspan="2">
<asp:TextBox runat="server" Width="224px"></asp:TextBox>
</td>
<td class="auto-style2">Username</td>
<td class="auto-style2">
<asp:Label ID="Username" runat="server" Text="Username"></asp:Label>
</td>
</tr>
<tr>
<td class="auto-style2" colspan="7">
<asp:GridView ID="StudentGrid" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="admno" HeaderText="PatientNo" />
<asp:BoundField DataField="Name" HeaderText="Patient Name" />
<asp:BoundField DataField="STDTYPE" HeaderText="Patient Type" />
<asp:BoundField DataField="sex" HeaderText="Sex" />
<asp:BoundField DataField="Phone" HeaderText="Patient Contact" />
<asp:ButtonField CommandName="Select" HeaderText="Patient" ShowHeader="True" Text="Select" />
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</asp:Panel>
</form>
</body>
</html>
Screenshot
