I want to remove drop-down in inner details table in radgrid.
I want to achieve this functionality using css
here is the html snippet of my code.
<table class="rgMasterTable" id="RadGrid1_ctl00" style="width:100%;table-layout:auto;empty-cells:show;" border="0">
<colgroup>
<col style="width:20px">
<col>
<col>
<col>
<col>
</colgroup>
<thead>
<tr class="rgCommandRow">
<td class="rgCommandCell" colspan="5">
<input name="RadGrid1$ctl00$ctl02$ctl00$ExportMasterDataButton" value="" onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl00$ExportMasterDataButton','')" id="ExportMasterDataButton" class="btn" type="button">
</td>
</tr><tr>
<th scope="col" class="rgHeader rgExpandCol" style="font-size: 14px; height: 0px;"> </th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl00','')">Sender : Email</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl01','')">Parent Company</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl02','')">No of Views</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl03','')">Total Views Duration</a></th>
</tr>
</thead><tfoot>
<tr class="rgFooter">
<td class="rgExpandCol"> </td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblTotal">Total : 34</span>
</td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblCounts">34</span>
</td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblViewsCount">4189</span>
</td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblTotalDurationText">289h, 18 mins, 09s</span>
</td>
</tr><tr class="rgPager">
<td colspan="5"><table summary="Data pager which controls on which page is the RadGrid control." style="width:100%;border-spacing:0;" border="0">
<caption>
<span style="display: none">Data pager</span>
</caption><thead>
<tr>
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td class="rgPagerCell NextPrevAndNumeric"><div class="rgWrap rgArrPart1">
<input name="RadGrid1$ctl00$ctl03$ctl01$ctl02" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl02','')" title="First Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl03$ctl01$ctl03" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl03','')" title="Previous Page" class="btn" type="button">
</div><div class="rgWrap rgNumPart">
<a onclick="return false;" class="rgCurrentPage" href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl05','')"><span>1</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl07','')"><span>2</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl09','')"><span>3</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl11','')"><span>4</span></a>
</div><div class="rgWrap rgArrPart2">
<input name="RadGrid1$ctl00$ctl03$ctl01$ctl14" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl14','')" title="Next Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl03$ctl01$ctl15" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl15','')" title="Last Page" class="btn" type="button">
</div><div class="rgWrap rgAdvPart">
<span id="RadGrid1_ctl00_ctl03_ctl01_ChangePageSizeLabel" class="rgPagerLabel">Page size:</span><div tabindex="0" id="RadGrid1_ctl00_ctl03_ctl01_PageSizeDropDownList" class="RadDropDownList RadDropDownList_Default" style="width:46px;">
<span class="rddlInner"><span class="rddlFakeInput">10</span><span class="rddlIcon"><!-- --></span></span><input autocomplete="off" id="RadGrid1_ctl00_ctl03_ctl01_PageSizeDropDownList_ClientState" name="RadGrid1_ctl00_ctl03_ctl01_PageSizeDropDownList_ClientState" type="hidden">
</div>
</div><div class="rgWrap rgInfoPart">
<strong>34</strong> items in <strong>4</strong> pages
</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tfoot><tbody>
<tr class="rgRow" id="RadGrid1_ctl00__0" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl04$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl04$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl04_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
atamayeva@pointmarketing.net
</td><td>
Point Marketing
</td><td>
17
</td><td>
0:26:31
</td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__1">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl07$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl07$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl07_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
bahurwood@pointmarketing.net
</td><td>
Point Marketing
</td><td>
80
</td><td>
7:47:49
</td>
</tr><tr style="display:none;">
<td class="rgExpandCol" style="border-right-width:0;"> </td><td colspan="4" style="border-left-width:0;overflow:visible;" align="left" valign="top"></td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__2" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl10$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl10$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl10_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
big@bad.com
</td><td>
Point Marketing
</td><td>
1
</td><td>
0:00:38
</td>
</tr><tr style="display:none;">
<td class="rgExpandCol" style="border-right-width:0;"> </td><td colspan="4" style="border-left-width:0;overflow:visible;" align="left" valign="top"></td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__3">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl13$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl13$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl13_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
d.gantenbein@comcast.net
</td><td>
Point Marketing
</td><td>
2
</td><td>
0:00:14
</td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__4" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl16$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl16$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl16_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
emiles@pointmarketing.net
</td><td>
Point Marketing
</td><td>
155
</td><td>
8:55:49
</td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__5">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl19$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl19$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl19_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
farhan@pointmarketing.net
</td><td>
Point Marketing
</td><td>
19
</td><td>
0:25:35
</td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__6" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl22$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl22$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl22_GECBtnExpandColumn" title="Collapse" class="rgCollapse" type="button"></td><td>
flake@demosondemand.com
</td><td>
Point Marketing
</td><td>
11
</td><td>
0:36:12
</td>
</tr><tr>
<td class="rgExpandCol" style="border-right-width:0;"> </td><td colspan="4" style="border-left-width:0;overflow:visible;" align="left" valign="top"><table class="rgDetailTable" id="RadGrid1_ctl00_ctl24_Detail70" style="height:100%;width:100%;table-layout:auto;empty-cells:show;" border="0">
<colgroup>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
</colgroup>
<thead>
<tr class="rgCommandRow">
<td class="rgCommandCell" colspan="8">
<input name="RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl00$ExportDetailDataButton" value="" onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl00$ExportDetailDataButton','')" id="ExportDetailDataButton" class="btn" type="button">
</td>
</tr><tr>
<th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl00','')">Recipient First Name</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl01','')">Recipient Last Name</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl02','')">Recipient Email</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl03','')">DM/DMAPI Sent Date</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl04','')">Date of Viewing</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl05','')">Session Title</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl06','')">Duration</a></th><th scope="col" class=" rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl07','')">Location</a></th>
</tr>
</thead><tfoot>
<tr class="rgFooter">
<td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td>
</tr><tr class="rgPager">
<td colspan="8"><table summary="Data pager which controls on which page is the RadGrid control." style="width:100%;border-spacing:0;" border="0">
<caption>
<span style="display: none">Data pager</span>
</caption><thead>
<tr>
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td class="rgPagerCell NextPrevAndNumeric"><div class="rgWrap rgArrPart1">
<input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl02" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl02','')" title="First Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl03" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl03','')" title="Previous Page" class="btn" type="button">
</div><div class="rgWrap rgNumPart">
<a onclick="return false;" class="rgCurrentPage" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl05','')"><span>1</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl07','')"><span>2</span></a>
</div><div class="rgWrap rgArrPart2">
<input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl10" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl10','')" title="Next Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl11" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl11','')" title="Last Page" class="btn" type="button">
</div><div class="rgWrap rgAdvPart">
<span id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_ChangePageSizeLabel" class="rgPagerLabel">Page size:</span><div id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox" class="RadComboBox RadComboBox_Default" style="width:46px;">
<table class="" summary="" style="border-width: 0px; border-collapse: collapse;" border="0">
<caption style="display: none;">
PageSizeComboBox
</caption><tbody><tr class="rcbReadOnly">
<td class="rcbInputCell rcbInputCellLeft" style="width:100%;"><input autocomplete="off" name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$PageSizeComboBox" class="rcbInput radPreventDecorate" id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_Input" value="10" readonly="readonly" type="text"></td><td class="rcbArrowCell rcbArrowCellRight"><a id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a></td>
</tr>
</tbody></table><div class="rcbSlide" style="z-index:6000;"><div id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_Default " style="display:none;"><div class="rcbScroll rcbWidth" style="width:100%;"><ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom:1;"><li class="rcbItem">10</li><li class="rcbItem">20</li><li class="rcbItem">50</li></ul></div></div></div><input autocomplete="off" id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_ClientState" name="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_ClientState" type="hidden"><link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/DemoMailSFDC/WebResource.axd?d=AdpxqkbNUjm0uEtR8wSrhEMU177TUoUctNqutdfENfCEabZ9tWOsmwF1LBnjcQGog3njZz5EOl6ToQ54B42khjxLRyhwiw3A3nyhG6wPmhg3cuPO-G2p21ZOqgIig3jCn8LJcN2FGDGhryf12IaBTw2&t=635284215228704034"><link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/DemoMailSFDC/WebResource.axd?d=2aFnhTf-gTKQU7hlXjVpKImg4COAJ8YAzKyUXmKgIedBPbXYAD-ykdPeuTskE7ZVVf3n4OsuCGS2fr_wtGfHdqpWtGzPC0ZF6UchlZjSnKutypTra0Z7wQKMzeFqcixQv9OsEmthyRaXZE32B-f_Uw8oiS98Py0GJv64eGzEmso1&t=635284215228704034">
</div>
</div><div class="rgWrap rgInfoPart">
<strong>11</strong> items in <strong>2</strong> pages
</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tfoot><tbody>
<tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_0" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/21/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:08</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_1">
<td>Christopher</td><td>Flake</td><td>flake@demosondemand.com</td><td>7/30/2009</td><td>7/30/2009</td><td>DemoMail Outlook Add-in Tutorial</td><td>0:00:19</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_2" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/13/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:19</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_3">
<td>Christopher</td><td>Flake</td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/11/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:29</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_4" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/26/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:39</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_5">
<td>Christopher</td><td>Flake</td><td>flake@demosondemand.com</td><td>7/30/2009</td><td>7/30/2009</td><td>DemoMail SFDC demo</td><td>0:01:37</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_6" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/19/2009</td><td>DemoMail as an Outlook add-in</td><td>0:01:56</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_7">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/11/2009</td><td>DemoMail as an Outlook add-in</td><td>0:01:59</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_8" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/12/2009</td><td>DemoMail as an Outlook add-in</td><td>0:04:18</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_9">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/18/2009</td><td>DemoMail as an Outlook add-in</td><td>0:12:14</td><td> </td>
</tr>
</tbody>
</table></td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__7">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl25$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl25$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl25_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
flake@vsolay.com
</td><td>
Point Marketing
</td><td>
1
</td><td>
0:01:50
</td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__8" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl28$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl28$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl28_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
fred@demosondemand.com
</td><td>
Point Marketing
</td><td>
2
</td><td>
0:08:13
</td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__9">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl31$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl31$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl31_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
fred@pointmarketing.net
</td><td>
Point Marketing
</td><td>
77
</td><td>
4:12:17
</td>
</tr>
</tbody>
</table><input autocomplete="off" id="RadGrid1_ClientState" name="RadGrid1_ClientState" type="hidden">
Please let me know how to do it using css
Bharat Bhushan
I want to achieve this functionality using css
here is the html snippet of my code.
<table class="rgMasterTable" id="RadGrid1_ctl00" style="width:100%;table-layout:auto;empty-cells:show;" border="0">
<colgroup>
<col style="width:20px">
<col>
<col>
<col>
<col>
</colgroup>
<thead>
<tr class="rgCommandRow">
<td class="rgCommandCell" colspan="5">
<input name="RadGrid1$ctl00$ctl02$ctl00$ExportMasterDataButton" value="" onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl00$ExportMasterDataButton','')" id="ExportMasterDataButton" class="btn" type="button">
</td>
</tr><tr>
<th scope="col" class="rgHeader rgExpandCol" style="font-size: 14px; height: 0px;"> </th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl00','')">Sender : Email</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl01','')">Parent Company</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl02','')">No of Views</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl03','')">Total Views Duration</a></th>
</tr>
</thead><tfoot>
<tr class="rgFooter">
<td class="rgExpandCol"> </td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblTotal">Total : 34</span>
</td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblCounts">34</span>
</td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblViewsCount">4189</span>
</td><td>
<span id="RadGrid1_ctl00_ctl03_ctl00_lblTotalDurationText">289h, 18 mins, 09s</span>
</td>
</tr><tr class="rgPager">
<td colspan="5"><table summary="Data pager which controls on which page is the RadGrid control." style="width:100%;border-spacing:0;" border="0">
<caption>
<span style="display: none">Data pager</span>
</caption><thead>
<tr>
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td class="rgPagerCell NextPrevAndNumeric"><div class="rgWrap rgArrPart1">
<input name="RadGrid1$ctl00$ctl03$ctl01$ctl02" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl02','')" title="First Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl03$ctl01$ctl03" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl03','')" title="Previous Page" class="btn" type="button">
</div><div class="rgWrap rgNumPart">
<a onclick="return false;" class="rgCurrentPage" href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl05','')"><span>1</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl07','')"><span>2</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl09','')"><span>3</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl11','')"><span>4</span></a>
</div><div class="rgWrap rgArrPart2">
<input name="RadGrid1$ctl00$ctl03$ctl01$ctl14" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl14','')" title="Next Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl03$ctl01$ctl15" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl03$ctl01$ctl15','')" title="Last Page" class="btn" type="button">
</div><div class="rgWrap rgAdvPart">
<span id="RadGrid1_ctl00_ctl03_ctl01_ChangePageSizeLabel" class="rgPagerLabel">Page size:</span><div tabindex="0" id="RadGrid1_ctl00_ctl03_ctl01_PageSizeDropDownList" class="RadDropDownList RadDropDownList_Default" style="width:46px;">
<span class="rddlInner"><span class="rddlFakeInput">10</span><span class="rddlIcon"><!-- --></span></span><input autocomplete="off" id="RadGrid1_ctl00_ctl03_ctl01_PageSizeDropDownList_ClientState" name="RadGrid1_ctl00_ctl03_ctl01_PageSizeDropDownList_ClientState" type="hidden">
</div>
</div><div class="rgWrap rgInfoPart">
<strong>34</strong> items in <strong>4</strong> pages
</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tfoot><tbody>
<tr class="rgRow" id="RadGrid1_ctl00__0" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl04$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl04$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl04_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
atamayeva@pointmarketing.net
</td><td>
Point Marketing
</td><td>
17
</td><td>
0:26:31
</td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__1">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl07$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl07$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl07_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
bahurwood@pointmarketing.net
</td><td>
Point Marketing
</td><td>
80
</td><td>
7:47:49
</td>
</tr><tr style="display:none;">
<td class="rgExpandCol" style="border-right-width:0;"> </td><td colspan="4" style="border-left-width:0;overflow:visible;" align="left" valign="top"></td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__2" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl10$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl10$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl10_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
big@bad.com
</td><td>
Point Marketing
</td><td>
1
</td><td>
0:00:38
</td>
</tr><tr style="display:none;">
<td class="rgExpandCol" style="border-right-width:0;"> </td><td colspan="4" style="border-left-width:0;overflow:visible;" align="left" valign="top"></td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__3">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl13$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl13$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl13_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
d.gantenbein@comcast.net
</td><td>
Point Marketing
</td><td>
2
</td><td>
0:00:14
</td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__4" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl16$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl16$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl16_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
emiles@pointmarketing.net
</td><td>
Point Marketing
</td><td>
155
</td><td>
8:55:49
</td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__5">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl19$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl19$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl19_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
farhan@pointmarketing.net
</td><td>
Point Marketing
</td><td>
19
</td><td>
0:25:35
</td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__6" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl22$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl22$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl22_GECBtnExpandColumn" title="Collapse" class="rgCollapse" type="button"></td><td>
flake@demosondemand.com
</td><td>
Point Marketing
</td><td>
11
</td><td>
0:36:12
</td>
</tr><tr>
<td class="rgExpandCol" style="border-right-width:0;"> </td><td colspan="4" style="border-left-width:0;overflow:visible;" align="left" valign="top"><table class="rgDetailTable" id="RadGrid1_ctl00_ctl24_Detail70" style="height:100%;width:100%;table-layout:auto;empty-cells:show;" border="0">
<colgroup>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
</colgroup>
<thead>
<tr class="rgCommandRow">
<td class="rgCommandCell" colspan="8">
<input name="RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl00$ExportDetailDataButton" value="" onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl00$ExportDetailDataButton','')" id="ExportDetailDataButton" class="btn" type="button">
</td>
</tr><tr>
<th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl00','')">Recipient First Name</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl01','')">Recipient Last Name</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl02','')">Recipient Email</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl03','')">DM/DMAPI Sent Date</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl04','')">Date of Viewing</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl05','')">Session Title</a></th><th scope="col" class="rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl06','')">Duration</a></th><th scope="col" class=" rgHeader" style="font-size: 14px; height: 0px;"><a title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl02$ctl02$ctl07','')">Location</a></th>
</tr>
</thead><tfoot>
<tr class="rgFooter">
<td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td>
</tr><tr class="rgPager">
<td colspan="8"><table summary="Data pager which controls on which page is the RadGrid control." style="width:100%;border-spacing:0;" border="0">
<caption>
<span style="display: none">Data pager</span>
</caption><thead>
<tr>
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td class="rgPagerCell NextPrevAndNumeric"><div class="rgWrap rgArrPart1">
<input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl02" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl02','')" title="First Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl03" value=" " onclick="return false;__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl03','')" title="Previous Page" class="btn" type="button">
</div><div class="rgWrap rgNumPart">
<a onclick="return false;" class="rgCurrentPage" href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl05','')"><span>1</span></a><a href="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl07','')"><span>2</span></a>
</div><div class="rgWrap rgArrPart2">
<input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl10" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl10','')" title="Next Page" class="btn" type="button"> <input name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl11" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$ctl11','')" title="Last Page" class="btn" type="button">
</div><div class="rgWrap rgAdvPart">
<span id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_ChangePageSizeLabel" class="rgPagerLabel">Page size:</span><div id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox" class="RadComboBox RadComboBox_Default" style="width:46px;">
<table class="" summary="" style="border-width: 0px; border-collapse: collapse;" border="0">
<caption style="display: none;">
PageSizeComboBox
</caption><tbody><tr class="rcbReadOnly">
<td class="rcbInputCell rcbInputCellLeft" style="width:100%;"><input autocomplete="off" name="RadGrid1$ctl00$ctl24$Detail70$ctl03$ctl01$PageSizeComboBox" class="rcbInput radPreventDecorate" id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_Input" value="10" readonly="readonly" type="text"></td><td class="rcbArrowCell rcbArrowCellRight"><a id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a></td>
</tr>
</tbody></table><div class="rcbSlide" style="z-index:6000;"><div id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_Default " style="display:none;"><div class="rcbScroll rcbWidth" style="width:100%;"><ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom:1;"><li class="rcbItem">10</li><li class="rcbItem">20</li><li class="rcbItem">50</li></ul></div></div></div><input autocomplete="off" id="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_ClientState" name="RadGrid1_ctl00_ctl24_Detail70_ctl03_ctl01_PageSizeComboBox_ClientState" type="hidden"><link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/DemoMailSFDC/WebResource.axd?d=AdpxqkbNUjm0uEtR8wSrhEMU177TUoUctNqutdfENfCEabZ9tWOsmwF1LBnjcQGog3njZz5EOl6ToQ54B42khjxLRyhwiw3A3nyhG6wPmhg3cuPO-G2p21ZOqgIig3jCn8LJcN2FGDGhryf12IaBTw2&t=635284215228704034"><link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/DemoMailSFDC/WebResource.axd?d=2aFnhTf-gTKQU7hlXjVpKImg4COAJ8YAzKyUXmKgIedBPbXYAD-ykdPeuTskE7ZVVf3n4OsuCGS2fr_wtGfHdqpWtGzPC0ZF6UchlZjSnKutypTra0Z7wQKMzeFqcixQv9OsEmthyRaXZE32B-f_Uw8oiS98Py0GJv64eGzEmso1&t=635284215228704034">
</div>
</div><div class="rgWrap rgInfoPart">
<strong>11</strong> items in <strong>2</strong> pages
</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tfoot><tbody>
<tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_0" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/21/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:08</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_1">
<td>Christopher</td><td>Flake</td><td>flake@demosondemand.com</td><td>7/30/2009</td><td>7/30/2009</td><td>DemoMail Outlook Add-in Tutorial</td><td>0:00:19</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_2" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/13/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:19</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_3">
<td>Christopher</td><td>Flake</td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/11/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:29</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_4" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/26/2009</td><td>DemoMail as an Outlook add-in</td><td>0:00:39</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_5">
<td>Christopher</td><td>Flake</td><td>flake@demosondemand.com</td><td>7/30/2009</td><td>7/30/2009</td><td>DemoMail SFDC demo</td><td>0:01:37</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_6" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/19/2009</td><td>DemoMail as an Outlook add-in</td><td>0:01:56</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_7">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/11/2009</td><td>DemoMail as an Outlook add-in</td><td>0:01:59</td><td> </td>
</tr><tr class="rgRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_8" style="white-space:nowrap;">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/12/2009</td><td>DemoMail as an Outlook add-in</td><td>0:04:18</td><td> </td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00_ctl24_Detail70__6:0_9">
<td> </td><td> </td><td>flake@demosondemand.com</td><td>8/11/2009</td><td>8/18/2009</td><td>DemoMail as an Outlook add-in</td><td>0:12:14</td><td> </td>
</tr>
</tbody>
</table></td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__7">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl25$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl25$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl25_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
flake@vsolay.com
</td><td>
Point Marketing
</td><td>
1
</td><td>
0:01:50
</td>
</tr><tr class="rgRow" id="RadGrid1_ctl00__8" style="white-space:nowrap;">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl28$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl28$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl28_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
fred@demosondemand.com
</td><td>
Point Marketing
</td><td>
2
</td><td>
0:08:13
</td>
</tr><tr class="rgAltRow" id="RadGrid1_ctl00__9">
<td class="rgExpandCol"><input name="RadGrid1$ctl00$ctl31$GECBtnExpandColumn" value=" " onclick="javascript:__doPostBack('RadGrid1$ctl00$ctl31$GECBtnExpandColumn','')" id="RadGrid1_ctl00_ctl31_GECBtnExpandColumn" title="Expand" class="rgExpand" type="button"></td><td>
fred@pointmarketing.net
</td><td>
Point Marketing
</td><td>
77
</td><td>
4:12:17
</td>
</tr>
</tbody>
</table><input autocomplete="off" id="RadGrid1_ClientState" name="RadGrid1_ClientState" type="hidden">
Please let me know how to do it using css
Bharat Bhushan