안녕하세요 그레이프시티입니다.

먼저 결론부터 말씀 드리면 꽤 비슷하게 만들수는 있겠습니다만 아쉽게도 일부 지원하지 않는 기능이 있습니다.

또한 디자인의 복잡성 때문에 ARJS를 통해 그러한 리포트를 만드는 것을 추천드리기는 어려울것 같습니다.

보내주신 형식의 리포트를 만들기 위해서는 우선 상단의 학과별 리포트와 하단의 Quality 리포트를 별도로 나눠서 봐야할것 같습니다.

하단의 리포트는 형식이 비교적 단순하기 때문에 상단의 학과별 리포트를 기준으로 제작해 보면 됩니다.

먼저 가로형 리포트 이기 때문에 가로 형식으로 리포트를 변경 합니다.

이제 Tablix컨트롤을 디자이너로 옮겨 옵니다.

최초에 나오는 마법사 화면은 닫아 줍니다.

이제 구성된 DB를 연결해줄 차례입니다.

저는 보내주신 학과와 상,중,하에 해당하는 항목이 Name과 Fruit입니다.

그리고 거기에 따른 세부 값들은 results라는 항목으로 배열로 존재합니다.

이 results에서는 size, brix, certification, color와 같은 배열 항목이 들어가 있습니다.

이제 다시 Tablix 화면으로 가서 우선 왼편의 열은 필요 없기 때문에 열을 하나 삭제 합니다.

그리고 행을 하나 추가해 name과 fruit를 할당 합니다. 

이제 results에 해당하는 항목을 보여주어야 하는에 하나의 Tablix에서는 여러 데이터 집합을 사용할수 없습니다.

그래서 추가로 Tablix를 끌어다가 하단의 셀에 추가합니다.

그렇게 하면 셀 안쪽에 Tablix가 추가로 들어가게 됩니다.

역시 마법사 화면이 나오게 되는데 이것 또한 닫아 줍니다.

해당 Tablix의 데이터집합은 results로 바꿔줍니다.

그리고 results의 항목을 위해 내부 그룹 - 아래에 항목을 추가해 줍니다.

왼편의 항목은 의미 없기 때문에 열 삭제를 해줍니다.

이제 테두리까지 설정하면 대략 이런식으로 화면을 구성하실수 있습니다.

다만 이렇게 구성을 하여 비슷하게 구성을 해 나가실수 있지만 가장 큰 문제는 GAP부분을 병합해서 하나의 셀로 만드는 기능이 없습니다.

아니면 아예 해당 행이 같을 경우 모두 병합을 해버릴것이라 옆 행에 같은 값이 있을 경우 모든 행이 하나로 출력이 되어 버리는 문제가 있습니다.

또한 실제로 만들어 보니 제작에 복잡성이나 셀들의 크기를 맞추는데에 대한 문제들이 보여져 이러한 복잡한 리포트를 만드실때는 ARJS는 추천드리기 어려울 것으로 보여집니다.

전에 추천 드린 바와 같이 차라리 SpreadJS를 사용하시어 테이블 바인딩을 하시는 것이 구성을 하시는 데에 더 유리할것으로 생각 됩니다.

추가로 궁금하신 사항은 다시 문의 주시기 바랍니다.

감사합니다,

그레이프시티 드림