Hi Alex,

I'm afraid that the grid doesn't offer a "show all/hide all" functionality out of the box.
I'd also like to make notice of the design decision which we took when we implemented the igGrid:
The grid must display at least one column. 
(and when you think about it, if there are no columns to show, why display an entire grid at all?)

With this in mind, you can apply all kinds of code tricks in order to "hide" or show all columns.
For example you can hide the entire grid when there are no columns to display using either of these approaches:

//If you want to collapse the space that would otherwise be taken by the lack of a grid
$("#Grid1").hide();
//If you want to keep the space on the page that would be taken by the lack of a grid
$("#Grid1").css('visibility','hidden');

Also, here's a sample "show all columns" function:

function showAllColumns()
{
    //Just in case the the grid was hidden before
    if($("#Grid1").css('visibility') === "hidden")
    {
        $("#Grid1").css('visibility','visible');
    }
    else 
    {
        $("#Grid1").show();
    }
    
    var gridColumns = $("#Grid1").igGrid("option", "columns");
    
    for(var i = 0; i < gridColumns.length; i++)
    {
        if(gridColumns[i].hidden)
        {
            $("#Grid1").igGrid("showColumn", gridColumns[i].key);
        }
    }
}

I'm also attaching a working HTML sample page where you can see my suggestions in effect.

Hope this helps,
Borislav