在javascript中隐藏MVC telerik网格列导致对齐问题

Question

您好我正在使用＆＃34; Telerik Extensions进行ASP.NET MVC控制＆＃34;在我的申请中。使用javascript我可以隐藏网格中的第一列，但问题是其他列对齐完全受到干扰。我使用以下代码隐藏网格列：

var grid = $("#ApprovalList").data("tGrid");
grid.hideColumn(0);

使用上面的代码我可以隐藏列，但所有列数据都向左移动并且对齐完全受到干扰。请帮忙。如何维护网格列对齐或如何隐藏网格列标题。

Answer 1

要隐藏特定列的标题，请在列定义中添加

headerAttributes: {style: 'display:none;'}

要隐藏整个列，您所做的是正确的。究竟什么是不受欢迎的行为？

Answer 2

在Telerik网格的onDataBound事件中添加以下代码：

if(shouldShow) {
    $('#myGrid th:eq(2)').show();
    $('#myGrid tr').find('td:eq(2)').show();
    $('#myGrid colgroup').find('col:eq(2)').show();
}
else {
    $('#myGrid th:eq(2)').hide();
    $('#myGrid tr').find('td:eq(2)').hide();
    $('#myGrid colgroup').find('col:eq(2)').hide();
}