js实现表格自动滚动

要实现表格的自动滚动，可以通过JavaScript来控制表格的scrollTop属性，从而实现表格的自动滚动。以下是一个简单的示例代码：

HTML代码：

<table id="myTable">
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1, Column 1</td>
      <td>Row 1, Column 2</td>
      <td>Row 1, Column 3</td>
    </tr>
    <tr>
      <td>Row 2, Column 1</td>
      <td>Row 2, Column 2</td>
      <td>Row 2, Column 3</td>
    </tr>
    <!-- 重复添加多个数据行 -->
  </tbody>
</table>

JavaScript代码：

var myTable = document.getElementById('myTable');
var scrollPos = 0; // 初始滚动位置
var scrollInterval = setInterval(scrollTable, 20); // 每20毫秒滚动一次

function scrollTable() {
  scrollPos += 1; // 每次滚动1像素
  if (scrollPos >= myTable.scrollHeight - myTable.clientHeight) {
    // 滚动到底部时，重置滚动位置
    scrollPos = 0;
  }
  myTable.scrollTop = scrollPos;
}

这段代码会在页面加载后每20毫秒自动滚动表格，每次滚动1个像素，直到滚动到表格底部时重新从顶部开始滚动。你可以根据需要自行调整滚动速度和滚动距离。