following Javascript code will hide the column using Grid's built-in AJAX request.

<script type="text/javascript">
    
        function HideColumn()
        {
            var grid = ISGetObject("WebGrid1");
            var col = grid.RootTable.Columns.GetNamedItem("EmployeeID");
            
            col.Set("Visible", "false", true);
            grid.RefreshAll();
        }
        
    </script>

This approach should be more solid since the Grid will re-initialize all settings after the column is removed.

I have tested the solution on IE 11; Chrome 43; and Mozilla Firefox 39 (with AllowAddNew enabled). Please let us know whether this helps or not.

We have the issue with webcombo with multi column layout, where application requires few columns to be hidden and other to display, currently we new webcombo how to achieve it.

Thank you for reaching us.

You can use Hidden property (which specifies whether the column should be displayed or hidden) in order to hide them from your multiple-column WebCombo.

You will find that the CategoryID column in this sample is hidden using this technique. Hope this helps.

Hi Yudi,

None of the solution are working for us, for webgrid using the provided script is not working and even for web-combo we are unable to hide the columns or datavalue field is getting disolayed. Let me know what time works for you, so that if requried we can either have a call or settup the web-ex session.

Could you please test the sample of WebCombo, LinkedWebCombo_Multiple.aspx, and let me know the result?

Per my test (using WebCombo 6.0.7200.260 and WebUI.NET Framework 3.0.5000.972), there is no problem with the sample. The CategoryID column is hidden from the WebCombo's ResultBox (of Category WebCombo).

It was tested on IE 11, Chrome 51, and Firefox 47.

Look forward to hearing back from you.