如何在无限滚动电子表格中管理四个表

时间:2019-01-07 08:52:01

标签: jquery css html5 spreadsheet

我正在尝试在一个电子表格中使用4个html表,并且每个表水平和垂直滚动查询电子表格中使用的个人,请提出建议。

目前,我已经在一个电子表格中管理一张表格,我正在尝试设置表格的高度和宽度,但无法正常工作,请提出建议。

apk
$(document).ready(function() {
  var win = $(window);
  var doc = $(document);

  // Each time the user scrolls
  win.scroll(function() {
    // Vertical end reached?
    if (doc.height() - win.height() == win.scrollTop()) {
      // New row
      var tr = $('<tr />').append($('<th />')).appendTo($('#spreadsheet'));
      // Current number of columns to create
      var n_cols = $('#spreadsheet tr:first-child th').length;
      for (var i = 0; i < n_cols; ++i)
        tr.append($('<td />'));
    }

    // Horizontal end reached?
    if (doc.width() - win.width() == win.scrollLeft()) {
      // New column in the heading row
      $('#spreadsheet tr:first-child').append($('<th />'));
      // New column in each row
      $('#spreadsheet tr:not(:first-child)').each(function() {
        $(this).append($('<td />'));
      });
    }
  });
});

0 个答案:

没有答案