This is a migrated thread and some comments may be shown as answers.
<td> tags within Client Detail Template is displaying extra lines.
1 Answer 9 Views
This is a migrated thread and some comments may be shown as answers.
Sivakumar
Top achievements
Rank 1
Sivakumar asked on 05 Dec 2013, 03:40 PM
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

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 09 Dec 2013, 08:49 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Sivakumar
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or