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

  2. Dimo
    Admin
    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.

    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!
Back to Top