diff --git a/controls/slick.columnpicker.js b/controls/slick.columnpicker.js
index ecd0d4dcc..eb6ea4314 100644
--- a/controls/slick.columnpicker.js
+++ b/controls/slick.columnpicker.js
@@ -4,14 +4,15 @@
     var columnCheckboxes;
 
     var defaults = {
-      fadeSpeed:250
+      fadeSpeed:250,
+      zIndex:20
     };
 
     function init() {
       grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);
       options = $.extend({}, defaults, options);
 
-      $menu = $("<span class='slick-columnpicker' style='display:none;position:absolute;z-index:20;' />").appendTo(document.body);
+      $menu = $("<span class='slick-columnpicker' style='display:none;position:absolute;' />").zIndex(options.zIndex).appendTo(document.body);
 
       $menu.bind("mouseleave", function (e) {
         $(this).fadeOut(options.fadeSpeed)