对问题的冗长介绍
我被要求创建一个显示大量表格数据的Web应用程序。我被要求＆＃34;冻结＆＃34;列标题。
我很清楚HTML不支持这一点，而且冻结表头的各种方法就像从大炮中射出一头猪，然后说猪正在飞行。
话虽这么说，我在GitHub上发现了一个名为TableLock（https://github.com/kjellericson/TableLock）的整洁项目，它有一个水平和垂直滚动的例子：http://kjell.haxx.se/tablelock/
我审核的许多解决方案都使用CSS位置：固定属性，但这对我的项目不起作用，因为它打破了水平滚动。
TableLock使用表头内容的副本创建一个div，绝对定位，然后在用户滚动时在页面上下移动它。 （再一次，就像把猪从大炮中射出一样）。这似乎有效，但它引入了一个新问题：
问题
默认情况下，jQuery.dataTables允许用户通过单击表顶部的表头进行排序。但是，使用TableLock时，用户无法通过单击显示在列标题位置的这些div来对表进行排序。我的问题是：如何对页面进行编程，以便用户可以单击这些div来对表进行排序？基本上，我希望它是这样的，点击这些虚假的标题div与点击实际的表头相同。我该怎么做？