본문 바로가기

개발하자/jgGrid

jqGrid 컬럼감추기 기능

//컬럼감추기
colMenu : true,
shrinkToFit:false,

 

 

위와 같은 옵션을 그리드에 주게되면 컬럼명 옆에 말풍선같은 모양이 나타난다.

클릭하면 여러메뉴가 나타나는데 컬럼정보를 클릭하면 체크박스를 이용하여 원하는컬럼만 보이게 설정할수 있다.

Group by항목을 선택하면 해당컬럼기준으로 같은것끼리 묶어서 보여주게 되며 Freeze항목을 선택하면 해당컬럼을 젤왼쪽으로 고정시켜 보여주게된다.

colModel 에서 hidedlg : true 옵션을 추가하면 해당모델은 컬럼정보항목에 나타나지않는다.

coloptions:{filtering:false,sorting:false} 옵션을 통하여 말풍선모양을 클릭했을때 나타나는 항목을 설정할수 있다.

colModel: [
{
name: 'unionMbComanyNm',
label: '소속',
align: 'center',
width: '200',
editable: true,
searchoptions: {clearSearch: false},hidden:true, hidedlg : true
},

{
name: 'unionMbNm',
label: '성명',
align: 'center',
width: '70',
editable: true,
searchoptions: {clearSearch: false},coloptions:{filtering:false,sorting:false,grouping:false}
},]