同じタイプの複数データテーブルに共通ヘッダカラムを使用

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 readyイベントに対して "buildHeader（）"関数を呼び出すことができます。