하위 요소에서 셀의 행 인덱스를 찾을 수 없는 jQuery 데이터 테이블을 반응형으로 만들 수 없습니다.

Question

입력 필드가 있는 데이터 테이블이 있습니다. 사용자가 필드에 입력하면 입력한 줄 번호를 찾아야 합니다. 이전에 질문을 해서 좋은 답변을 받았는데, 데이터 테이블이 반응형이고 필드가 팝업으로 표시되면 답변이 더 이상 작동하지 않습니다.

내 코드는 다음과 같습니다.

으아악 으아악

충분히 큰 창에서 이 코드를 실행하면 제대로 작동합니다. 그러나 오른쪽 열이 하위 행으로 응답적으로 떨어지도록 창을 축소하면 행 인덱스를 찾는 코드가 더 이상 작동하지 않습니다.

자식 셀의 행을 올바르게 찾는 방법은 무엇입니까?

Answer 1

당.row($(this).closest("td")).index()未定义时，使用table.api().row(this).index().

이상하게도 table.api().row(this) 원래 행이 아닌 확장된 행에서만 작동하므로 원래 행을 얻으려면 .closest("td")를 계속 사용해야 합니다.

구체적으로는 table.api().row(...)将返回一个jQuery对象，因此要检查是否返回了任何行，请检查.length === 0.

제공:

으아아아

그런 다음 .index()는 예상 행 인덱스를 제공합니다.

업데이트된 코드 조각:

으아아아 으아아아