Getting lines and spaces out of GridTemplateColumn?

[Shane]

Hello,

I created a GridTemplateColumn and placed a table inside with rows and columns. For some reason i'm getting a light blue bar next to each row that i would like to get rid of. Only appears on white backgrounds. Second, the spacing of each row is huge, I tried to change the padding and spacing in the table, i tried a couple CSS rules but nothing works. I'm thinking its the grid spacing them out. How do i close the gab?.

Attached is a snapshot of what I'm seeing and the code i used to create the GridTemplateColumn.

<telerik:GridTemplateColumn DataField="DETAIL" UniqueName="DetailColumn" HeaderStyle-Width="700px">
    <ItemTemplate>
        <asp:Panel ID="Panel1" runat="server">
            <table cellpadding="0" cellspacing="0" style="font-size:9px;">
                <tr>
                    <td valign="top" style="width:80px;"><b>Projected :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("PROJECTED") %></td>
                    <td valign="top" style="width:80px;"><b>ACD Calls :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("ACD_CALLS") %></td>
                    <td valign="top" style="width:80px;"><b>Aban Calls :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("ABAN_CALLS") %></td>
                </tr>
                <tr>
                    <td valign="top" style="width:80px;"><b>Forcasted :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("PROJECTED") %></td>
                    <td valign="top" style="width:80px;"><b>ACD Time :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("ACD_CALLS") %></td>
                    <td valign="top" style="width:80px;"><b>Aban Time :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("ABAN_CALLS") %></td>
                </tr>
                <tr>
                    <td valign="top" style="width:80px;"><b>Offered :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("PROJECTED") %></td>
                    <td valign="top" style="width:80px;"><b>ASA :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("ACD_CALLS") %></td>
                    <td valign="top" style="width:80px;"><b>Aban Rate :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("ABAN_CALLS") %></td>
                </tr>
                <tr>
                    <td valign="top" style="width:80px;"><b>Service Level :</b></td>
                    <td valign="top" style="width:50px;"><%# Eval("PROJECTED") %></td>
                    <td valign="top" style="width:80px;"><b></b></td>
                    <td valign="top" style="width:50px;"></td>
                    <td valign="top" style="width:80px;"><b>Hold Aban Calls :</b></td>
                    <td valign="top" style="width:50px;"></td>
                </tr>
            </table>
        </asp:Panel>
    </ItemTemplate>
</telerik:GridTemplateColumn>

Thanks!
Shane

[Jayesh Goyani]

Hello,

This issue raised due to Radgrid's CSS applied into your table.

To resolved this issue please try with the below code snippet.

<style>
      .NoBorder {
          border: none !important;
      }
  </style>

<table class="NoBorder">
           <tr class="NoBorder">
               <td class="NoBorder"></td>
           </tr>
       </table>

Thanks,
Jayesh Goyani

[Shane]

Thank you for the code snippet. That got rid of the vertical lines!