dear all
in this aspx design
in this i am using boostrep to make grid view responsible
inside this grid view i have a html table
my problem is to give table a css class
but css class is not working here
/////////////////////////////////////////////
aspx code
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<div class="table-responsive">
<%-- <asp:GridView ID="GridViewRoomData" runat="server" Width="940px" HorizontalAlign="Center"
AutoGenerateColumns="false" AllowPaging="true" DataKeyNames="ID" CssClass="table table-striped color-table">--%>
<asp:GridView ID="GridViewRoomData" runat="server" Width="940px" HorizontalAlign="Center"
AutoGenerateColumns="false" AllowPaging="true" DataKeyNames="ID" CssClass="table-hover table-inverse table-condensed table-responsive">
<%--ClientIDMode="Static"--%>
<Columns>
<asp:TemplateField HeaderText="Edit">
<ItemTemplate>
<asp:LinkButton ID="BtnEdit" Text="Edit" CssClass="btn btn-info" OnClick="BtnEdit_Click"
runat="server" CommandArgument='<%#Eval("ID")%>'></asp:LinkButton>
<asp:LinkButton ID="BtnPrntBill" Text="Print" CssClass="btn btn-success" OnClick="BtnPrntBill_Click"
runat="server" CommandArgument='<%#Eval("ID")%>'></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="*">
<ItemTemplate>
<img alt="" style="cursor: pointer" src="../images/plus.png" />
<asp:Panel ID="pnlOrders" runat="server" Style="display: none; padding: 5px;">
<table id="Table1" runat="server" class="table-responsive">
<tr>
<th>
Column
</th>
<th>
Value
</th>
</tr>
<tr>
<th>
Male
</th>
<td>
<%#Eval("Male") %>
</td>
</tr>
<tr>
<th>
Female
</th>
<td>
<%#Eval("Female") %>
</td>
</tr>
<tr>
<th>
Child
</th>
<td>
<%#Eval("Child") %>
</td>
</tr>
<tr>
<th>
VisitPurpose
</th>
<td>
<%#Eval("VisitPurpose") %>
</td>
</tr>
<tr>
<th>
Nationality
</th>
<td>
<%#Eval("Nationality") %>
</td>
</tr>
<tr>
<th>
CommingFrom
</th>
<td>
<%#Eval("CommingFrom") %>
</td>
</tr>
<tr>
<th>
GoingTo
</th>
<td>
<%#Eval("GoingTo") %>
</td>
</tr>
<tr>
<th>
IdProff
</th>
<td>
<%#Eval("IdProff") %>
</td>
</tr>
<tr>
<th>
IdProffNo
</th>
<td>
<%#Eval("IdProffNo") %>
</td>
</tr>
<tr>
<th>
PassportNo
</th>
<td>
<%#Eval("PassportNo") %>
</td>
</tr>
<tr>
<th>
PassportExDate
</th>
<td>
<%#Eval("PassportExDate") %>
</td>
</tr>
<tr>
<th>
Email
</th>
<td>
<%#Eval("Email") %>
</td>
</tr>
<tr>
<th>
Mobile
</th>
<td>
<%#Eval("Mobile") %>
</td>
</tr>
<tr>
<th>
Status
</th>
<td>
<%#Eval("Status") %>
</td>
</tr>
<tr>
<th>
Remark
</th>
<td>
<%#Eval("Remark") %>
</td>
</tr>
</table>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="ID" HeaderText="ID" />
<asp:BoundField DataField="RoomNo" HeaderText="RoomNo" />
<asp:BoundField DataField="Name" HeaderText="Name" />
<%-- <asp:BoundField DataField="Male" HeaderText="Male" />
<asp:BoundField DataField="Female" HeaderText="Female" />
<asp:BoundField DataField="Child" HeaderText="Child" />--%>
<asp:BoundField DataField="ArrivalTime" HeaderText="Arrival Time" />
<asp:BoundField DataField="DepartureTime" HeaderText="Departure Time" />
<asp:BoundField DataField="VisitPurpose" HeaderText="Visit Purpose" />
<asp:BoundField DataField="Nationality" HeaderText="Nationality" />
<%-- <asp:BoundField DataField="CommingFrom" HeaderText="CommingFrom" />
<asp:BoundField DataField="GoingTo" HeaderText="GoingTo" />
<asp:BoundField DataField="IdProff" HeaderText="IdProff" />
<asp:BoundField DataField="PassportNo" HeaderText="Passport No" />
<asp:BoundField DataField="IdProffNo" HeaderText="IdProffNo" />
<asp:BoundField DataField="PassportExDate" HeaderText="PassportExDate" />--%>
<asp:BoundField DataField="Email" HeaderText="Email" />
<asp:BoundField DataField="Mobile" HeaderText="Mobile" />
<%-- <asp:BoundField DataField="Address" HeaderText="Address" />--%>
<asp:BoundField DataField="Rent" HeaderText="Rent" />
<%-- <asp:TemplateField HeaderText="Image 1">
<ItemTemplate>
<asp:Image ID="Image1" runat="server" Height="80px" Width="80px" ImageUrl='<%# "~/images/ProductImage/"+Eval("ID")+"/File01.jpg".ToString() %>'/>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Image 2">
<ItemTemplate>
<asp:Image ID="Image2" runat="server" Height="80px" Width="80px" ImageUrl='<%# "~/images/ProductImage/"+Eval("ID")+"/File02.jpg".ToString() %>'/>
</ItemTemplate>
</asp:TemplateField>--%>
<%--<asp:BoundField DataField="File1" HeaderText="File1" />
<asp:BoundField DataField="File2" HeaderText="File2" />--%>
<asp:BoundField DataField="Status" HeaderText="Status" />
<%-- <asp:BoundField DataField="Remark" HeaderText="Remark" />--%>
</Columns>
</asp:GridView>
</div>
////////////////////////////////////////////////////////////////////