diff --git a/ipysheet/sheet.py b/ipysheet/sheet.py
index 5e17f01..0b5a8b8 100644
--- a/ipysheet/sheet.py
+++ b/ipysheet/sheet.py
@@ -100,6 +100,7 @@ class Sheet(widgets.DOMWidget):
     column_width = Union([CInt(), List(CInt())], default_value=None, allow_none=True).tag(sync=True)
     column_resizing = Bool(True).tag(sync=True)
     row_resizing = Bool(True).tag(sync=True)
+    column_sorting = Bool(True).tag(sync=True)
     search_token = Unicode('').tag(sync=True)
 
     layout = LayoutTraitType(kw=dict(height='auto', width='auto')).tag(sync=True, **widgets.widget_serialization)
diff --git a/js/src/sheet.ts b/js/src/sheet.ts
index cd8a178..78aa8ff 100644
--- a/js/src/sheet.ts
+++ b/js/src/sheet.ts
@@ -64,6 +64,7 @@ let SheetModel = widgets.DOMWidgetModel.extend({
             column_width: null,
             column_resizing: true,
             row_resizing: true,
+            column_sorting: true,
             search_token: ''
         });
     },
@@ -285,6 +286,7 @@ let SheetView = widgets.DOMWidgetView.extend({
             this.model.on('change:column_headers change:row_headers', this._update_hot_settings, this);
             this.model.on('change:stretch_headers change:column_width', this._update_hot_settings, this);
             this.model.on('change:column_resizing change:row_resizing', this._update_hot_settings, this);
+            this.model.on('change:column_sorting', this._update_hot_settings, this);
             this.model.on('change:search_token', this._search, this);
             this._search()
         });
@@ -403,6 +405,12 @@ let SheetView = widgets.DOMWidgetView.extend({
             rowHeaders: this.model.get('row_headers'),
             stretchH: this.model.get('stretch_headers'),
             colWidths: this.model.get('column_width') || undefined,
+            columnSorting: {
+                sortEmptyCells: false,
+                indicator: this.model.get('column_sorting'),
+                headerAction: this.model.get('column_sorting'),
+                compareFunctionFactory: this._compareFunctionFactory
+            },
             manualColumnResize: this.model.get('column_resizing'),
             manualRowResize: this.model.get('row_resizing')
         };
@@ -520,4 +528,4 @@ export {
     SheetView,
     CellRangeModel,
     RendererModel
-};
+};
\ No newline at end of file