그리드

src/main/webapp/js/app/stinfo/ITP_STINFO02010.js

@@ -392,9 +392,14 @@ let listObj = {
 					const self=this;
 					if(self.sortUse) return;
 					self.sortUse=true;
-					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
-					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2).css('cursor','pointer');
-					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					self['sort2']='asc'; 
+					const th=$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2);
+					th.find('.s-ico').show();
+					th.find('.ui-grid-ico-sort').hide();
+					th.find('.glyphicon-triangle-bottom').show();//asc 는 bottom 으로
+					//$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO02010_GRID_LIST).find('th').eq(2).css({cursor:'pointer',background:'#FFEBCD'});
+					$(STINFO02010_GRID_LIST).find('th').eq(4).css({cursor:'pointer',background:'#FFEBCD'});
 					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
 						const idx=$(this).index();
 						console.log("xxxx grid header click xxxxxxx index=="+idx, param );

src/main/webapp/js/app/stinfo/ITP_STINFO03010.js

@@ -446,9 +446,15 @@ let listObj = {
 					const self=this;
 					if(self.sortUse) return;
 					self.sortUse=true;
-					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
-					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2).css('cursor','pointer');
-					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					self['sort2']='asc'; 
+					const th=$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2);
+					th.find('.s-ico').show();
+					th.find('.ui-grid-ico-sort').hide();
+					th.find('.glyphicon-triangle-bottom').show();//asc 는 bottom 으로
+					
+					//$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO03010_GRID_LIST).find('th').eq(2).css({cursor:'pointer',background:'#FFEBCD'});
+					$(STINFO03010_GRID_LIST).find('th').eq(4).css({cursor:'pointer',background:'#FFEBCD'});
 					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
 						const idx=$(this).index();
 						console.log("xxxx grid header click xxxxxxx index=="+idx, param );

src/main/webapp/js/app/stinfo/ITP_STINFO04010.js

@@ -736,8 +736,13 @@ let listObj = {
                     const self=this;
 					if(self.sortUse) return;
 					self.sortUse=true;
-					$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
-					$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					self['sort4']='asc'; 
+					const th=$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4);
+					th.find('.s-ico').show();
+					th.find('.ui-grid-ico-sort').hide();
+					th.find('.glyphicon-triangle-bottom').show();//asc 는 bottom 으로
+					//$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO04010_GRID_LIST).find('th').eq(4).css({cursor:'pointer',background:'#FFEBCD'});
 					$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
 						const idx=$(this).index();
 						console.log("xxxx grid header click xxxxxxx index=="+idx, param );

src/main/webapp/js/app/stinfo/ITP_STINFO05010.js

@@ -492,8 +492,13 @@ let listObj = {
 					const self=this;
 					if(self.sortUse) return;
 					self.sortUse=true;
-					$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
-					$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					self['sort4']='asc'; 
+					const th=$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4);
+					th.find('.s-ico').show();
+					th.find('.ui-grid-ico-sort').hide();
+					th.find('.glyphicon-triangle-bottom').show();//asc 는 bottom 으로 desc 는 top
+					//$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO05010_GRID_LIST).find('th').eq(4).css({cursor:'pointer',background:'#FFEBCD'});
 					$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
 						const idx=$(this).index();
 						console.log("xxxx grid header click xxxxxxx index=="+idx, param );

src/main/webapp/js/app/stinfo/ITP_STINFO06010.js

@@ -649,8 +649,14 @@ let listObj = {
 					const self=this;
 					if(self.sortUse) return;
 					self.sortUse=true;
-					$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
-					$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(3).css('cursor','pointer');
+					self['sort3']='asc'; 
+					const th=$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(3);
+					th.find('.s-ico').show();
+					th.find('.ui-grid-ico-sort').hide();
+					th.find('.glyphicon-triangle-bottom').show();//asc 는 bottom 으로 desc 는 top
+					
+					//$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO06010_GRID_LIST).find('th').eq(3).css({cursor:'pointer',background:'#FFEBCD'});
 					$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
 						const idx=$(this).index();
 						console.log("xxxx grid header click xxxxxxx index=="+idx, param );
@@ -945,11 +951,17 @@ let createObj = {
 					viewHtml += '<span class="shrv_num shrv_tot">(<em>' + rowCnt + '</em>)</span>'; 
 					viewHtml += '</span>';
 					$('#ITP_STINFO06010_DETAIL_jqGridView').html(viewHtml).show();
+					
 					const self=this;
 					if(self.sortUse) return;
 					self.sortUse=true;
-					$(STINFO06010_DETAIL_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
-					$(STINFO06010_DETAIL_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(7).css('cursor','pointer');
+					self['sort7']='asc'; 
+					const th=$(STINFO06010_DETAIL_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(7);
+					th.find('.s-ico').show();
+					th.find('.ui-grid-ico-sort').hide();
+					th.find('.glyphicon-triangle-bottom').show();//asc 는 bottom 으로 desc 는 top
+					//$(STINFO06010_DETAIL_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO06010_DETAIL_GRID_LIST).find('th').eq(7).css({cursor:'pointer',background:'#FFEBCD'});
 					$(STINFO06010_DETAIL_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
 						const idx=$(this).index();
 						console.log("xxxx grid header click xxxxxxx index=="+idx, param );