did't show grid but show calendar

[Krasimir]

This is my code for simple kendoGrid but it's didn't show the grid only html table . My scripts are in Layout.cshtml. And kendo works fine with HTMLhelpers.What am i missing
<script>
    
    $("#ProfitTab").kendoGrid()
</script>
<table id="ProfitTab">
    <thead>
    <tr>
           <th>
            @Html.DisplayNameFor(model => model.IdCategory)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Value)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Description)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.DateInput)
        </th>
        <th>Action</th>
    </tr>
    </thead>
    <tbody>
@foreach (var item in Model) {
    <tr>
         <td>
            @Html.DisplayFor(modelItem => item.IdCategory.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Value)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Description)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DateInput)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
            @Html.ActionLink("Details", "Details", new { id=item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.Id })
        </td>
    </tr>
}
    </tbody>
</table>

[Dimo]

Hello Krasimir,

It seems like you are trying to create a Grid widget from an element which has not yet been rendered at the time the Javascript statement is executed. Please move the script after the HTML markup or use a document.ready jQuery handler.

Regards,
Dimo
the Telerik team