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

2 posts, 0 answers
  1. Sivakumar
    Sivakumar avatar
    1 posts
    Member since:
    Nov 2013

    Posted 05 Dec 2013 Link to this post

    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" >
    <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>



  2. Dimo
    Dimo avatar
    8475 posts

    Posted 09 Dec 2013 Link to this post

    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.


    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top