Gridmanager Specific Non Editable Columns

gistfile1.html

 
    <div id="mycanvas" class="clearfix">
      <div class="row"><div class="column col-md-6 col-sm-6 col-xs-6"><!--gm-editable-region--><p>New Content</p><!--/gm-editable-region--></div><div class="column col-md-6 col-sm-6 col-xs-6 noteditable"><!--gm-editable-region--><p>Not Editable</p><!--/gm-editable-region--></div></div>
      <div class="row"><div class="column col-md-6 col-sm-6 col-xs-6 noteditable"><!--gm-editable-region--><p>Not Editable</p><!--/gm-editable-region--></div><div class="column col-md-6 col-sm-6 col-xs-6 "><!--gm-editable-region--><p>New Content</p><!--/gm-editable-region--></div></div>
    </div>
 

    <!--================== JS ================-->
    <script>
    $(document).ready(function(){

     var gm=$("#mycanvas").gridmanager({ 
            filterCallback: noteditable
        }).data('gridmanager');

     function noteditable(){
        var cols=$(".noteditable");
          $.each(cols, function(i, val){
              $(val).removeClass("gm-editing").find(".gm-tools").remove(); 
              $(val).children().removeClass("gm-editable-region");
              $(val).children().attr("contenteditable", "false");
          });
     }

    });
    </script>