Javascript Kendo UI网格标题在页面刷新时消失/移动

我有一个从json数据源填充的kendoui网格

每次我的页面重新加载和刷新网格时，我都会看到标题向左移动，最右边的列没有标题！有人看到过这个问题吗？我一直未能就这一特殊情况找到答案

这是我的表格。我也会发布截图，但我没有这方面的声誉点

谢谢你的帮助

$("#rgrid").kendoGrid({
            sortable: true,
            selectable: true,
            scrollable: false,
            pageable: {
                pageSize: 10,
                refresh: true
            },
            dataSource: {
                transport: {
                    read: "./php/rd.php?action=grd&email=" + $("#tbvalue").val()
                },               
                schema: {
                    model: {
                        fields: {                            
                            c1: {editable: false},
                            c2: {editable: false},
                            c3: {editable: false ,type: "date"},
                            c4: {editable: false, type: "date"},
                            c5: {editable: true, type: "date"}, 
                            c6: {editable: true},
                            c7: {editable: false}                            
                        }
                    },                  
                    data: "data",
                    total: function(response) {
                        return response.total; // total is returned in the "total" field of the response
                    }
                }
            },
            dataBound: function(e) {
                var grid = $("#rgrid").data("kendoGrid");              
                grid.hideColumn(1); // hide the c2 column                
            },
            columns: [
                {
                    field: "c1",
                    title: "c1",
                    width: 150
                }, 
                {
                    field: "c2",
                    title: "c2"
                },
                {
                    field: "c3",
                    title: "c3",
                    format: "{0:yyyy-MM-dd}"
                }, 
                {
                    field: "c4",
                    title: "c4",
                    format: "{0:yyyy-MM-dd}"
                }, 
                {
                    field: "c5",
                    title: "c5",
                    format: "{0:yyyy-MM-dd}"                
                }, 
                {
                    field: "c6",
                    title: "c6",
                    editor: dropDownEditor
                }, 
                {
                    field: "c7",
                    title: "c7"
                },
                { 
                    command: { text: "View", click: doAction}, title: " ", width: "140px" 
                }
            ],
            editable: true
)};

---

如果希望不显示列，而不必手动隐藏，则应在列定义中将其设置为true

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
    columns: [
        { hidden: true, field: "id" },
        { field: "name" }
    ],
    dataSource: [ { id: 1, name: "Jane Doe" }, { id: 2, name: "John Doe" } ]
});
</script>

---

我想补充一点，即使重新加载的列总数超过8列，第一列c1仍然保持不变！注释掉grid.hideColumn1；看看发生了什么我复制了你的代码，试图复制你说的话，但我没有看到任何变化。你能尝试在JSFiddle/JSBin中复制它并与我们共享链接吗？@OnaBai感谢你的尝试，我没有在JSFiddle上发布它，因为我的代码中有很多php调用。但要复制它，您可以添加一个按钮来重新加载网格，您将看到列是如何得到的hidden@dcodesmith非常感谢。就这样！我以为我早就试过了。你知道我如何在每次刷新时隐藏那个专栏而不丢失一个新专栏吗？太棒了！谢谢各位。删除hidecolumn1并在列定义中隐藏列，解决了我的问题。再次感谢。也感谢@dcodesmith您的评论，我无法将评论标记为答案，但感谢您的帮助