Grid adds an extra column "undefined"

[Kevin Vanhove]

Hi,

The grid seems to be adding 1 extra column per html column. This is my html table.

         <table id="jow"><br>          <thead><br>              <tr><br>                  <th data-field="title">title<th><br>                  <th data-field="jow">jow<th><br>                  <th data-field="ieps">ieps<th><br>              </tr><br>          </thead><br>          <tbody><br>              <tr><br>                  <td>1977<td><br>                  <td>1977<td><br>                  <td>1977<td><br>              </tr><br>              <tr><br>                  <td>1980<td><br>                  <td>1980<td><br>                  <td>1980<td><br>              </tr><br>          </tbody><br>         </table><br>         <br>        <script><br>            $("#jow").kendoGrid({<br>                 groupable: true,<br>                 sortable: true,<br>                 pageable: true<br>             });<br>        </script>    

And this is what i get:

<table cellspacing="0" id="jow" style="height: auto;" class="k-focusable"><colgroup><col><col><col><col><col><col></colgroup><br>          <br>          <tbody><tr><td>1980</td><td>undefined</td><td>1980</td><td>undefined</td><td>1980</td><td>undefined</td></tr><tr class="k-alt"><td>1977</td><td>undefined</td><td>1977</td><td>undefined</td><td>1977</td><td>undefined</td></tr></tbody><br>         </table>

What am i doing wrong here?

Thx,

Kevin,

[Dimo]

Hi Kevin,

The provided HTML markup is invalid. Please fix it and try again. Below is the same setup that works. I see that you have also tweeted on the matter. Maybe it is a good idea to post a follow up for the community, in order to avoid misunderstanding.

http://jsfiddle.net/gvz5J/



Best wishes,
Dimo
the Telerik team

[Kevin Vanhove]

Thx, works like a charm. The <td> elements weren't closed properly.