This is a migrated thread and some comments may be shown as answers.

Style an HTML table like a radgrid

1 Answer 338 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Ryan asked on 29 Dec 2015, 08:44 PM

I'm trying to style a table on a page like a normal RadGrid to fit with our sites theme, but I'm having trouble with it. I've copied all the styles and matched the layout I saw on the DOM for RadGrids, but the classes seem to have no effect.

Is what I'm trying to do here possible?

Here is the markup ode for the table:

<div tabindex="0" class="RadGrid Radgrid_Default">

<table style="width:20%; margin:0 auto;" class="rgMasterTable">

<colgroup>

<col></col>

</colgroup>

<thead>

<tr>

<th class="rgHeader" scope="col">Category</th>

<th class="rgHeader" scope="col"><asp:label ID="_lblExpSun" runat="server" Text="Sunday"></asp:label></th>

<th class="rgHeader" scope="col"><asp:label ID="_lblExpMon" runat="server" Text="Monday"></asp:label></th>

<th class="rgHeader" scope="col"><asp:label ID="_lblExpTues" runat="server" Text="Tuesday"></asp:label></th>

<th class="rgHeader" scope="col"><asp:label ID="_lblExpWed" runat="server" Text="Wednesday"></asp:label></th>

<th class="rgHeader" scope="col"><asp:label ID="_lblExpThurs" runat="server" Text="Thursday"></asp:label></th>

<th class="rgHeader" scope="col"><asp:label ID="_lblExpFri" runat="server" Text="Friday"></asp:label></th>

<th class="rgHeader" scope="col"><asp:label ID="_lblExpSat" runat="server" Text="Saturday"></asp:label></th>

</tr>

</thead>

<tbody>

<asp:Repeater ID="_rptExpenses" runat="server" >

<ItemTemplate>

<tr class="rgRow">

<td>

<telerik:RadDropDownList ID="_ddCategory"

SelectedValue='<%# Bind("ExpenseID") %>' runat="server" DataSourceID="_srcGetCategories" DataValueField="ExpenseID" DataTextField="CategoryDesc" ExpandDirection="Up" ></

telerik:RadDropDownList>

<asp:SqlDataSource ID="_srcGetCategories" runat="server" SelectCommand="TimeTracker.sp_getExpenseCategories" SelectCommandType="StoredProcedure" ConnectionString='<%$ ConnectionStrings:FMS_Conn %>'></asp:SqlDataSource>

</td>

<td>

<telerik:RadNumericTextBox ID="_txtExpSun"

DbValue='<%# Convert.ToInt32(Eval("Sunday")) %>' runat="server" Width="50" MinValue="0" MaxValue="24" NumberFormat-DecimalDigits="1" Value="0"></