Question

I was following this codepen并尝试制作类似版本my fiddle 即使我在类上使用相同的jquery并且已经改变了css以适应我的需要。列和标题根本不滚动。请帮忙。

jquery篇

  onload = function() {
  var fcBody = document.querySelector(".fix-column > .tbody"),
  rcBody = document.querySelector(".rest-columns > .tbody"),
  rcHead = document.querySelector(".rest-columns > .thead");
  rcBody.addEventListener("scroll", function() {
  fcBody.scrollTop = this.scrollTop;
  rcHead.scrollLeft = this.scrollLeft;
  });
  };

Answer 1

试试这个：

curl -XGET 'http://localhost:9200/twitter/tweet/_search' -d '
{
    "query": {
        "bool": {
            "must": {
                "match_all": {}
            },
            "filter": {
                "geo_distance": {
                    "distance": "200km",
                    "locations": {
                        "lat": 40.00,
                        "lon": 9.00
                    }
                }
            }
        }
    }
}'

fiddle for you

Answer 2

只需删除onload功能即可。如果你愿意，最好使用jquery的文档就绪函数。

jsfiddle.net/dssoft32/fw0od1bh/15/

小提琴已更新

为什么表头和第一个左列不与tbody一起滚动？

2 个答案: