This example shows how to achieve "freeze pane" locking functionality similar to Excel.
Columns may be locked or unlocked by dragging them across into the opposite side, or by using the column's header menu.
The "Price" column is not lockable, and may not be dragged into the locked side, or locked using the header menu.
It is not possible to lock all columns using the user interface. The unlocked side must always contain at least one column.
Note that the js is not minified so it is readable. See locking-grid.js.