2011-10-25 3 views
0

저는 HTML에 익숙하지 않으므로이를 구현하기 위해 자바 스크립트 함수를 사용해야하는지 또는 어떻게 시작해야할지 모르겠습니다. 받은 데이터를 기반으로 성장 및 축소되는 표를 만들고 싶습니다. 나는 HTML이 테이블 태그를 가지고 있다는 것을 알고 있으며, 나는 그것으로 놀고있다. 그러나 나는 변화하는 데이터를 기반으로 셀을 만드는 방법을 모른다.동적으로 성장하는 테이블을 HTML로 작성하기

+0

동적 콘텐츠의 출처는 어디입니까? –

+0

데이터가 JSON의 백엔드 서버에서 전송됩니다. 어떻게 해석해야하는지, 테이블을 채울 필요가 있습니다. – coder

답변

1

데이터를 채우기 위해 무엇을 사용하고 있습니까? 내가 아는 한 HTML5에는 테이블 조작에 대한 동일한 태그가 있습니다. 따라서 PHP 또는 .NET을 사용하는 경우 일반적으로 데이터베이스 나 다른 데이터 소스의 데이터와 함께 필요한만큼의 행을 만드는 루프와 같은 것이 있습니다. 이

가 그

</table>

가 일부 변수를 게시 태그 추가 행을 추가하여 루프를 할 <table> 태그

를 추가 할 테이블 데이터를 보유 할 것을

선언 변수 같은 것을 보일 수 있습니다 페이지를 표시하여 표를 표시하십시오.

+0

데이터가 JSON의 백엔드 서버에서 전송됩니다. 어떻게 해석해야하는지, 테이블을 채울 필요가 있습니다. – coder

+0

JSON.parse를 사용하십시오 (추가 플러그인이 필요할 수 있습니다). 그런 다음 Javascript에서 테이블 데이터를 보유 할 변수를 선언하고 JSON 데이터를 사용하여 행을 채우는 루프를 수행 할 수 있습니다. 마지막으로, JQuery를 사용하여 페이지의 일부 div를 생성 한 변수의 내용으로 채 웁니다. $ ('# div')와 유사합니다 .html (variable); – Victor

+0

나는 그것을 할 것이다. 감사. – coder

관련 문제