반복을 통해 HTML 테이블에 객체의 중첩 배열 표시
P粉638343995
P粉638343995 2024-04-05 14:11:42
0
1
1499

내포된 개체 배열을 포함하는 다음 input이 있습니다.

summary是父级对象数组,run_type는 객체의 중첩 배열입니다.

으아악

아래와 같이 테이블을 표시하고 싶습니다. 각각의 summary有2个run_type,所以Name字段的rowspan은 2이기 때문입니다.

으아악

이와 같은 테이블을 정적으로 표시하려면 이렇게 할 수 있습니다.

으아악

이 테이블을 동적으로 표시하는 방법을 알려주실 수 있나요? 나는 이런 식으로 시도했지만 성공하지 못했습니다. 문제는 Name 열의 행 범위를 2개 행으로 만들 수 있지만 다른 모든 열은 동일한 Name 섹션의 두 행에 모두 배치되지 않는다는 것입니다.

으으으으

P粉638343995
P粉638343995

모든 응답(1)
P粉431220279

문제는 별도의 <tr>元素来迭代run_type환경과 유형을 사용하고 있다는 것입니다. 이로 인해 테이블 ​​구조가 잘못 렌더링됩니다.

이를 달성하기 위해 코드를 수정하는 방법은 다음과 같습니다.

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿