각 행의 마지막 열 클릭이벤트 비활성화

그리드로 만들어진 테이블에서 행클릭을 하면 상세로 넘어가는데

마지막 열은 버튼으로 되어있어서 행클릭이 되지 않게 해야했다.

 

그리드 옵션에서 할 수 있는게 없을까 찾다가 발견한 코드 

 

 

 

- 행 전체가 클릭되는 이벤트 함수 안에서 이벤트를 하나 더 줘서 마지막 열은 제외시키고 클릭되게해서 

  상세페이지로 넘어간다.

//리스트 click function clickEvent(row, el, field){    $('#userTable tbody').on('click', 'tr td:not(:last-child)', function() {       location.href='#';       }); }

 

 

 

만약, 한 행의 마지막 열에 클릭이벤트를 제외시키고 싶다면 tr뒤에 클래스명을 붙여 요로케 하면 되지 않을까?

 

$('#userTable tbody').on('click', 'tr.className td:not(:last-child)', function() { alert('click'); });