[jqGrid][Error] Syntax error, unrecognized expression: # tbody:first

 [ jqGrid 한글 API 문서 링크 ]

실습 jqGrid 버전: CDN 제공하는 v4.6 버전으로 테스트



증상

 - Vue 에서 제공하는 ref 기능을 이용해서 Table Element 에 id를 넣지 않고 작업을 하려 했는데 다음과 같이 에러가 발생하며 jqGrid 가 생성되지 않았다.

1004lucifer

Error: Syntax error, unrecognized expression: # tbody:first
    at Function.Sizzle.error (jquery-1.9.1.js:4421)
    at tokenize (jquery-1.9.1.js:5076)
    at select (jquery-1.9.1.js:5460)
    at Function.Sizzle [as find] (jquery-1.9.1.js:3998)
    at init.find (jquery-1.9.1.js:5576)
    at new init (jquery-1.9.1.js:196)
    at jQuery (jquery-1.9.1.js:62)
    at Y (jquery.jqGrid.min.js:66)
    at Q (jquery.jqGrid.min.js:83)
    at HTMLTableElement.<anonymous> (jquery.jqGrid.min.js:136)

원인 및 해결방법

 - Table 태그에 무조건 id 값을 넣어준다.
 - Vue의 ref 기능을 이용해 $(this.$refs.list) 이렇게 table 태그를 가져와도 별 상관 없겠지 생각했는데 table 태그에 id 값이 무조건 필요했었다.
  (jqGrid 자체에서 그리드 생성을 할때 내부적으로 selector로 id를 사용하는게 아닐까 싶다.)