lockColumn

The lockColumn(fieldName) function freezes a column by moving it to the left and making it always appear in a static visible position, regardless of the horizontal scroll position.

$("#grid1").shieldGrid({
    dataSource: {
        data: products
    },
    scrolling: true,
    height: 500,
    rowHover: false,
    columns: [
        { field: "id", width: 100, locked: true },
        { field: "name", width: "300px" },
        { field: "quantity", width: 200 },
        { field: "price", width: 100 },
        { field: "units", width: 100 },
        { field: "discontinued", width: 100 },
        { field: "myDate", format: "{0:MM/dd/yyyy}", width: 250 }
    ]
});

var grid = $("#grid1").swidget();

// lock the "name" column
grid.lockColumn("name");

An example of the frozen columns functionality can be seen on this demo.