Kendo UI 网格的所有元素显示在 Kendo 控制台上，但网格未呈现

Question

您好，我使用的是 Kendo UI Javascript 版本。网格确实有问题。

这是html

<div class="row">
    <div class="main-container-section">
        <div class="table1">
        <span class="header_title">Portfolio Weighting</span>
            <div class="table-bg-white" id="grid"></div>
        </div>
    </div>
</div>

这是脚本（我使用 web2py 作为框架）

<script>
    var data  = {{=XML(thisdata)}};

    $("#grid").kendoGrid({
        columns: {{=XML(columns)}},
        dataSource: { data : data}
    });

</script>

Kendo 控制台显示数据存在，Kendo UI 图表都呈现良好。 None 的网格正在渲染。以为这是一件 jquery 的事情，但只有一个 jquery 库正在加载。

有没有想过我可能做错了什么？（这个页面以前可以工作，但所有改变的是 css，我不确定这将如何影响数据的呈现）。

并附加了一个 jsfiddle

https://jsfiddle.net/yjzzfpcf/

Answer 1

https://jsfiddle.net/yjzzfpcf/3/

Kendo UI 预计

{ field: asset ... }

不是

{ fields: asset ... }

可能是你制作jsFiddle的时候出错了？如果不是，那就是您原始代码中的罪魁祸首。

Kendo UI 网格的所有元素显示在 Kendo 控制台上，但网格未呈现

Kendo UI all elements of grid showing up on Kendo Console, but grid is not rendering

javascript

jquery

web2py

kendo-ui