컬럼header 클릭시 숨김 및 header 속성변경

//컬럼 헤더 클릭시 숨어 잇는 컬럼 표현

function onColuumnHeaderClicked(grid){

    grid.onColumnHeaderClicked = function (grid, column) {

      //컬럼 visible 상태와 반대로 설정 

      var visible = !grid.getColumnProperty('col5', "visible");

     //text +, - 표현

      var result =(visible==true)?"-":"+";

      var color =(visible==true)?"#ffe9f0f8":"#ffc3f8d8";

      var colName = column.name;

    if(colName==='col4'){

          grid.setColumnProperty('col5', "visible", visible);

         gridView.setColumnProperty(colName, "header", {text :"국어"+result, styles:{background:color}});

        }

      

  }

}