<td> tags within Client Detail Template is displaying extra lines.

[Sivakumar]

When I try to add some table/tr/td tags, it is displaying some lines at the end of td tags.  Attaching a sample image of how it is appearing wtihin the Kendo Grid.

Sample Code :


<script id="DetailInfo" type="text/html">
<table class="DetailReport" cellspacing="10" >
<tbody>
<tr>
<td>Audit Key:</td>
<td><input Type="TextBox" width="10" class="data" ID="auditkey" readonly value="Test"/> </td>
<td><Label ID="label5">LPI Refund ID:</Label> </td>
<td><input Type="TextBox" class="data" ID="RID" readonly value="asdf"/> </td>
<td><Label ID="label12" class="label">Report Date:</Label></td>
<td><input type="TextBox" ID="ReportDate" class="data" readonly/></td>
<td><Label ID="label13" class="label">Rfund Amt:</Label> </td>
<td><input type="TextBox" ID="refundedamount" class="data" readonly /></td>

</tr>

</tbody>
</table>
</script>
THanks
Siva

[Dimo]

Hello Siva,

The template table cells inherit Grid border styles. You can easily see this by using a browser DOM inspector.

.k-grid td
{
   border-style: solid;
   border-width: 0 0 0 1px;
}

Please add some CSS code with higher specificity to override the inherited styles.

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/


Regards,
Dimo
Telerik