Javascript生成的表排序

我编写了一个JS代码，生成一个表并将其插入到我页面上的一个div中。我想使用来自的排序表插件。 以下是我目前掌握的代码：

  TableHtml = ''
  TableHtml += '<div id="table_wrapper" class="scrollable"><table style="width:900px" id="mytable" class="sortable tabular">'
  TableHtml += '<thead><tr>'
  TableHtml += '<th class="labels"><span class="nowrap">Date</span></th>'
  TableHtml += '<th class="labels"><span class="nowrap">Client</span></th>'
  TableHtml += '<th class="labels"><span class="nowrap">Pass</span></th>'
  TableHtml += '<th class="labels"><span class="nowrap">Objet</span></th>'
  TableHtml += '<th class="labels"><span class="nowrap">Panne</span></th>'
  TableHtml += '<th class="labels"><span class="nowrap">Cause</span></th>'
  TableHtml += '<th><div id="headerbg"><span class="nowrap">Action</span></div></th>'
  TableHtml += '<TH class="sorttable_nosort scrollbarCol"></TH>'
  TableHtml += '</tr></thead><tbody>'

  var trclass = '';
  var d=0               
  if(!rsDetail.bof) {
    rsDetail.MoveFirst()
    while(!rsDetail.eof) {
      detAvis  = rsDetail.fields(0).value;
      detDate = rsDetail.fields(2).value;
      detClient = rsDetail.fields(4).value
      detPass = rsDetail.fields(5).value
      detObjet = rsDetail.fields(9).value
      detPanne = rsDetail.fields(10).value
      detCause = rsDetail.fields(11).value
      detAction = rsDetail.fields(12).value

        //filling up he rows
      if (d%2){
      trclass='d1'
      }
      else{
      trclass='d2'
      }
      TableHtml += '<tr id="' + detAvis + '" class="' + trclass + '" onclick="Select(' + detAvis + '); showDetails(' + detAvis + ');">'
      TableHtml += '<td class="td1">' + detDate + '</td>'
      TableHtml += '<td class="td2">' + detClient + '</td>'
      TableHtml += '<td class="td3">' + detPass + '</td>'
      TableHtml += '<td class="td4">' + detObjet + '</td>'
      TableHtml += '<td class="td5">' + detPanne + '</td>'
      TableHtml += '<td class="td6">' + detCause + '</td>'
      TableHtml += '<td class="td7">' + detAction + '</td>'
      TableHtml += '</tr>'        
      d++
      rsDetail.MoveNext()
    }
  }   
  TableHtml += '</tbody></table></div>'

  rsDetail.close()
  document.getElementById('DetailTable').innerHTML = TableHtml;

TableHtml=''
TableHtml+=“”
TableHtml+=“”
TableHtml+=“日期”
TableHtml+=“客户端”
TableHtml+=“通过”
TableHtml+=“对象”
TableHtml+='Panne'
TableHtml+='原因'
TableHtml+=“操作”
TableHtml+=“”
TableHtml+=“”
var trclass=''；
变量d=0
如果（！rsDetail.bof）{
rsDetail.MoveFirst（）
而（！rsDetail.eof）{
detAvis=rsDetail.fields（0）.value；
detDate=rsDetail.fields（2）.值；
detClient=rsDetail.fields（4）.value
detPass=rsDetail.fields（5）.value
detObjet=rsDetail.fields（9）.value
detPanne=rsDetail.fields（10）.value
detause=rsDetail.fields（11）.value
detAction=rsDetail.fields（12）.value
//他把车排满了
如果（d%2）{
trclass='d1'
}
否则{
trclass='d2'
}
TableHtml+=“”
TableHtml+=''+detDate+''
TableHtml+=''+detClient+''
TableHtml+=''+detPass+''
TableHtml+=''+detObjet+''
TableHtml+=''+Detpane+''
TableHtml+=''+详细原因+''
TableHtml+=''+detAction+''
TableHtml+=“”
d++
rsDetail.MoveNext（）
}
}   
TableHtml+=“”
rsDetail.close（）
document.getElementById（'DetailTable'）。innerHTML=TableHtml；

我在头上提到：

<script type="text/javascript" src="js/sorttable.js"></script>

参考资料来自

---

这张桌子是可滚动的，但不知何故还是不可移动的。知道问题出在哪里吗
我尝试将

sortable

类归因于另一个表，该表不是在同一页面上生成的JS，它可以工作…

这可能是因为在插入表之前链接/执行了sorttable.JS。

---

您可以尝试在document ready或使用jquery加载js文件。

您需要调用makeSortable：

sorttable.makeSortable(document.getElementById('mytable'));

请参阅scott W（搜索makeSortable）表中的注释：

这里还提到了makeSortable：

---

您的意思是在文档就绪时加载sottable.js文件？我该怎么做？