Javascript 剑道网格中columnHide（）存在问题，Firefox渲染错误

我使用剑道版本v2014.2.716

我有一个大约10列的网格。并且有一个隐藏页面加载列的功能，依赖于复选框列表。我的网格有一个行模板，在chrome和IE上运行时，everythings都可以，但在Firefox（我使用Firefox35.0）中，标题和列没有对齐

这是我的行tempate：

<script id="rowTemplate" type="text/x-kendo-tmpl">
    # var columns = $("\#grid").data("kendoGrid").columns; #
       <tr data-uid="#: uid #">
                <td >
                #var resultFlagReply=GetTypeReply(IssuesID)#
                #var resultIconAttach=HaveIssueAttach(IssuesID,CreatedDate)#
                <p><span style="float:left;">#=resultIconAttach#</span> <span style="float:right;">#=resultFlagReply#</span></p>
       </td>
       <td class="IssuesID" #:columns[1].hidden ? 'style=display:none ' : '' #>
                    #: IssuesID #
       </td>
       <td title="#: Title #" class="ShortTitle" #:columns[2].hidden ? 'style=display:none' : '' #>
       #: ShortTitle #
       </td>
                <td class="CustomerName" #:columns[3].hidden ? 'style=display:none' : '' #>
       #: CustomerName #
       </td>
       <td class="SKU" #:columns[4].hidden ? 'style=display:none' : '' #>
          #: SKU #
       </td>
                <td class="SupportOptionName" #:columns[5].hidden ? 'style=display:none' : '' #>
          #: SupportOptionName #
       </td>
                <td class="CaseReasonName" #:columns[6].hidden ? 'style=display:none' : '' #>
          #: CaseReasonName==null?"":CaseReasonName #
       </td>
                <td class="TicketStatusName" #:columns[7].hidden ? 'style=display:none' : '' #>
          #: TicketStatusName #
       </td>
                <td class="CreatedDate"  #:columns[8].hidden ? 'style=display:none' : '' #>
           #=kendo.format("{0:MM-dd-yyyy}", CreatedDate)#
       </td>
                <td class="DueDate" #:columns[9].hidden ? 'style=display:none' : '' #>
          #=kendo.format("{0:MM-dd-yyyy}", DueDate)#
       </td>
                <td class="AssignedToSupport" #:columns[10].hidden ? 'style=display:none' : '' #>
          #: AssignedToSupport #
       </td>
                <td class="Command">
                    #var resultAlert=GetStatusAlert(IssuesID)#
          <a href="\\#" onclick="onBugClick(#: IssuesID #)" Title="Post Bug"><img src="Images/iconBug.png" /></a>
                   <a href="\\#" onclick="onAlert(#: IssuesID #)" Title="Alert Me"><img id="img#: IssuesID #" src="#=resultAlert#" /></a>
                   <a href="\\#" onclick="onDiscussClick(#: IssuesID #)" Title="Discuss"><img src="Images/iconDiscuss.png" /></a>
       </td>
      </tr>
</script>

#var columns=$（“\\网格”）.data（“kendoGrid”）.columns#
#var resultFlagReply=GetTypeReply（IssuseId）#
#var resultIconAttach=HaveIssueAttach（IssuseId，CreateDate）#
#=ResulticonaTach##=resultFlagReply#

#：IssuesID#
#：简称#
#：客户名称#
#：SKU#
#：SupportOptionName#
#：CaseReasonName==null？“：CaseReasonName#
#：TicketStatusName#
#=kendo.format（“{0:MM dd yyyy}”，CreatedDate）#
#=kendo.format（“{0:MM dd yyyy}”，DueDate）#
#：AssignedToSupport#
#var resultAlert=GetStatusAlert（IssuesID）#

这是我隐藏列的函数：

function GetVisibleColumn() {
        var cbList = document.getElementById("<%=cblSelectFields.ClientID%>");
        var grid = $('#grid').data('kendoGrid');
        var checkbox = cbList.getElementsByTagName("input");
        var label = cbList.getElementsByTagName("label");
        for (var i = 0; i < checkbox.length; i++) {
            if (!checkbox[i].checked) {
                var field = GetFieldName(label[i].innerHTML);
                grid.hideColumn(field);
            }
        }
    };

函数GetVisibleColumn（）{ var cbList=document.getElementById（“”）； var grid=$（“#grid”）.data（'kendoGrid'）； var checkbox=cbList.getElementsByTagName（“输入”）； var label=cbList.getElementsByTagName（“标签”）； 对于（变量i=0；i

---

这个问题只会在第一次加载页面时出现，在排序或分页后运行良好。

我问他们，这似乎是Firefox的一个小故障，他们将对此进行调查。您可以通过执行以下操作来解决此问题：$（“#gridId”）.data（“kendoGrid”）.refresh（）

你有什么收获吗？我想我也有同样的问题，我找不到关于这个问题的任何答案：（，当我去telerik的支持页面时，他们建议我升级版本，所以我对回复表示感谢。答案补充