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 or unlock all columns using the user interface. Each side, locked or unlocked must always contain at least one column.
Note that the js is not minified so it is readable. See locking-grid.js.