동일한 유형의 여러 데이터 테이블에 공통 헤더 열 사용

Question

다른 섹션에 표시 할 데이터가 들어있는 동일한 열이있는 4 개의 데이터 테이블이 있습니다. 예 : 모든 테이블에는 ID, 이름, 표시, 평균과 같은 열이 있습니다. 별도의 머리글 열 이름이있는 4 개의 테이블을 만들었습니다. 이제는 중복 코드를 제거하여 함수로 작성하고 필요한 경우 4 개의 테이블에서 호출하는 방법도 있습니다. 나는 HTML 테이블에서 여기

<table id ="t1" onload ="buildHeader('tableId')"> 

및 onload 이벤트를 사용하고하는

function buildHeader(tableId){ 
     alert(tableId); 
     var rowStr = 
      "<tr>" + 
      "<th>Id</th>" + 
      "<th>name</th>" + 
      "<th>marks</th>" + 
      "<th>avg</th>" + 
      "</tr>"; 
     $("#" + tableId+ " thead").append(rowStr); 
    } 

문제 내 기능 것은 결코 호출되지 얻을이 기능입니다. 어떤 제안?

Answer 1

테이블에 대해 Onload 이벤트가 발생하지 않습니다. jquery 준비 이벤트에 대해 "buildHeader()"함수를 호출 할 수 있습니다.