동적으로 생성 된 테이블에 CSS를 추가하는 방법

debugcn 에 게시 Dev

로레타 V

HTML

<div class="wrapper">
    <div class="profile">
        <div id='entrydata'></div>
    </div>
</div>

자바 스크립트

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(function() {
    var dmJSON = "data.json";
    $.getJSON(dmJSON, function(data) {
        $.each(data.records, function(i, f) {
            var $table = "<table border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"
            $("#entrydata").append($table)
        });
    });
});
</script>

위의 코드는 테이블을 동적으로 만들고 JSON 파일의 데이터를 표시합니다. 이 테이블에 CSS (Table border color, table bg color, font size, font-family etc.)를 적용하고 싶습니다. 이것에 대한 모든 해결책이 도움이 될 것입니다. 미리 감사드립니다.

수레 쉬 폰누 칼라이

단순한. 테이블에 하나의 클래스를 추가하고 CSS를 통해 스타일을 적용하십시오.

var $table="<table class='mystyles' border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

CSS

 table.mystyles
 {
     //your styles
 }
 table.mystyles td
 {
     //your styles
 }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-3

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

동적으로 생성 된 테이블에 CSS를 추가하는 방법

동적으로 생성 된 테이블에 CSS를 추가하는 방법

동적으로 생성 된 JTable에 이미지를 추가하는 방법

동적으로 생성 된 ImageView에 이미지를 동적으로 추가하는 방법

컨테이너에 동적으로 생성 된 개체를 추가하는 방법

동적으로 생성 된 테이블을 사용하여 동적으로 행을 추가하는 방법

jquery에서 동적으로 생성 된 테이블에 클래스를 추가하는 방법은 무엇입니까?

버튼으로 생성 된 객체를 테이블에 추가하는 방법은 무엇입니까?

jquery mobile-1.4에서 동적으로 생성 된 페이지를 pagecontainer에 추가하는 방법

jQuery 동적으로 생성 된 div에서 동적으로 생성 된 요소를 추가 / 제거하는 방법은 무엇입니까?

동적으로 생성 된 HTML 요소에 onclick 이벤트를 추가하는 방법

동적으로 생성 된 div 안에 이미지를 추가하는 방법은 무엇입니까?

동적으로 생성 된 div에 ID, 값 및 onclick 이벤트를 추가하는 방법

동적으로 생성 된 이미지 src를 얻는 방법

폴더에서 동적으로 생성 된 파일에 대해 동적으로 Symlink를 생성하는 방법

동적으로 생성 된 목록 항목에 팝 오버를 추가하는 방법

동적으로 생성 된 PDF의 HTTP 헤더에 표준 태그를 추가하는 방법

동적으로 생성 된 요소 (LI)에 ondragstart =“drag (event)”를 추가하는 방법은 무엇입니까?

동적으로 생성 된 FrameLayout에 조각을 추가하는 방법

동적으로 생성 된 div에 html을 추가하는 방법

nightwatch JS를 사용하여 테이블 행에서 동적으로 생성 된 이미지 ID를 식별하는 방법

동적으로 생성 된 행을 테이블에 추가

Jquery를 사용하여 동적으로 생성 된 테이블 데이터에 더 많은 옵션을 표시하는 방법은 무엇입니까?

PHP SLIM : 동적으로 생성 된 이미지를 반환하는 방법

Redshift 프로 시저에서 동적으로 생성 된 테이블에 쓰는 방법

jQuery를 사용하여 HTML 테이블에서 동적으로 생성 된 행의 텍스트 상자 값을 채우는 방법

동적으로 생성 된 반응 구성 요소에 애니메이션을 추가하는 방법

동적으로 생성 된 테이블 행을 클릭 할 때 새 페이지로 이동하는 방법

JavaFX 요소를 추가하는 방법 예. 데이터베이스 Mysql에 저장된 항목에서 동적으로 생성되는 버튼?

동적으로 생성 된 차트에서 ChartJs 객체를 얻는 방법

ASP.NET에서 동적으로 생성 된 TextBox를 만드는 방법