как управлять четырьмя таблицами в бесконечной таблице прокрутки - PullRequest
Новая
       10

как управлять четырьмя таблицами в бесконечной таблице прокрутки

0 голосов
/ 07 января 2019

Я пытаюсь создать 4 таблицы html в одной электронной таблице, а каждую таблицу прокручивать по горизонтали и вертикали для каждого отдельного человека, используемого в электронной таблице запроса, пожалуйста, предложите мне.

В настоящее время я управляю одной таблицей в одной электронной таблице, я пытаюсь настроить таблицу по высоте и ширине, но она не работает, пожалуйста, предложите мне. 

$(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 />'));
      });
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="dsfd">
  <table id="spreadsheet">
    <tr>
      <td></td>
      <th></th>
      <th></th>
      <th></th>

      <th></th>
      <th></th>
    </tr>
    <tr>
      <th></th>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>
...