Javascript '；响应性'；和'；固定在顶部'；表头：从jQuery到AngularJS

我正在处理一个表，我希望它的标题保持在顶部。我曾尝试在

jQuery

中执行一个实现，它似乎正在工作，但。。。我有以下问题：

如果我没有写css，表头

元素将收缩为 它是元素宽度

我必须写大量的

媒体查询

来满足不同的设备（我累了）

它没有反应

下面是我在jQuery中已经取得的成绩的plunkr：

---

现在，当我们有10列和一个大数据集来填充表时，我想实现同样的行为，但使用AngularJS

只是寻找这个also@Dvir，谢谢你的示例，但我不是在找一个内部卷轴，在表本身中，我猜你想要AngularJS中的jQuery代码，不是吗？@charliebrownie，我想要AngularJS中的代码，我不确定jquery中的所有代码是否都在angular支持的jquery类中，但是是的，我想要AngularJS中的代码，并且迫切需要它能够响应。。谢谢

$(function() {
  var table = $('table'),
      thead = table.find('thead'),
      fixed_thead,
      the_window = $(window);

  thead.find('td').each(function() {
    var el = $(this);
    el.css('width', el.Width());
  });

  fixed_thead = thead.clone().hide();
  thead.after(fixed_thead);

  fixed_thead.css({
    'position': 'fixed',
    'top': 0,
    'width': thead.width()
  });

  the_window.scroll(function() {
    if (the_window.scrollTop() > table.offset().top) {
      fixed_thead.show();
    } else {
      fixed_thead.hide();
    }

  });
});