将Common Header列用于同一类型的多个数据表

时间:2016-09-21 11:31:42

标签: javascript jquery html

我有4个数据表,其中包含要在不同部分显示的数据的相同列。例如所有表格都有Id,名称,标记,平均值等列。 我创建了4个具有单独标题列名称的表。我现在正在尝试删除冗余代码,以便我可以将其作为函数编写,并在需要时从4个表中调用它。我正在使用来自html表的onload事件

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

这是我的功能

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);
    }

问题是这个函数永远不会被调用。有什么建议吗?

1 个答案:

答案 0 :(得分:1)

表未触发Onload事件。您可以在jquery ready事件上调用“buildHeader()”函数。