1
도전 과제는 다음과 같습니다. 2 조정 된 표, 1 그리드에 배치 된 개요가있는 표, 다른 표에는 첫 번째 표의 셀에 대한 자세한 정보가 들어 있습니다. (이 개요는 아래의 최소 예에서 제거 된 다른 정보에도 사용됩니다.) 둘 중 하나에 마우스를 올리면 둘 다 강조 표시됩니다. 개요 표를 클릭하면 데이터보기의 행을 숨기거나 표시 할 수 있습니다.두 표 사이의 강조 조정 조정
문제는 데이터가 JSON 데이터 객체에 의해 정의되고 그 객체의 순서가 매우 중요하다는 것입니다. 데이터를 다시 정렬하지 않고도 개요에 매핑하는 것이 중요합니다. 개요에있는 데이터보기에 표시되지 않은 셀이있을 수 있으며 나쁜 일은 없어야합니다.
http://fiddle.jshell.net/g8z5h/14/
문제
는 모든 D3는 주문 일들이 이동하게됩니다 정의 할 수 있습니다를 선택 사용하고 있습니다. 나 자신을 매핑 조정해야합니다. 별도의 마우스 오버 및 마우스 클릭 기능을 쓰지 않아도되는 우아한 솔루션이 필요합니다.
가 명확히하기 위해 : 그들은 표에 표시되는 순서가 원하는 순서입니다 순서에 기반하지 않고 데이터를 기반으로 강조 표시를 일치 시키길 원하십니까? 이 경우 데이터를 기반으로 클래스를 제공하고 'nth-of-type'으로 선택하는 대신 해당 클래스를 기반으로 선택해야합니다. – AmeliaBR