MVC Grid Hide Column Bootstrap

[Mike]

Is it possible to hide grid columns using the css from Bootstrap. I have the following grid control and the data hides as expected but the column names don't.

.Columns(c =>
    {
        c.Bound(col => col.ActiveBool).Width(12).Title("Active").HtmlAttributes(new { @class = "visible-xs visible-lg visible-sm" });
        c.Bound(col => col.District).Width(12).Title("Dist").HtmlAttributes(new { @class = "visible-xs visible-lg visible-sm" });
        c.Bound(col => col.ContractId).ClientTemplate(@Html.ActionLink("#= ContractId #", "ActiveContracts", "ActiveContracts", new { id = "#= ContractId #", @class = "visible-sm visible-lg visible-xs" }, null).ToHtmlString()).Width(16);
        c.Bound(col => col.Status).Width(23).HtmlAttributes(new { @class = "visible-lg" });
        c.Bound(col => col.WorkBeginDate).Width(17).Title("Work Begin").HtmlAttributes(new { @class = "visible-lg" });
        c.Bound(col => col.CurrentAmount).Width(20).HtmlAttributes(new { @class = "visible-lg" });
        c.Bound(col => col.ProjectId).Width(18).HtmlAttributes(new { @class = "visible-lg" });
        c.Bound(col => col.DescriptionTrimmed).Width(33).HtmlAttributes(new { title = "<#=Description#>" }).Title("Description").HtmlAttributes(new { @class = "visible-lg" });
        c.Bound(col => col.County).Width(15).HtmlAttributes(new { @class = "visible-lg" });
        c.Bound(col => col.WorkMixTrimmed).Width(22).HtmlAttributes(new { title = "<#=WorkMix#>" }).Title("Work Mix").HtmlAttributes(new { @class = "visible-lg" });
        c.Bound(col => col.VendorNameTrimmed).Width(22).HtmlAttributes(new { title = "<#=VendorName#>" }).Title("Vendor Name").HtmlAttributes(new { @class = "visible-xs  visible-lg  visible-sm" });
        c.Bound(col => col.ViewMap).Width(15).HtmlAttributes(new { @class = "visible-xs  visible-lg visible-sm" });
    })

[Dimiter Madjarov]

Hello Mike,


The reason for the issue is that the Grid column headers are rendered in a separate table, which is why the applied classes do not influence them. As a solution you could also use the HeaderHtmlAttributes method, which will add the required classes to the headers too.

I hope this information helps.

Regards,
Dimiter Madjarov
Telerik

 

 

[Mike]

Thanks, that did the trick.