javascript - 在顶部滚动表格以添加新行

Question

我是 web 开发的新手。这里我有一个表，在那个表中，

<tbody>
<tr>
<td>
</td>
</tr>
</tbody>

现在，它有一个滚动条，因为它有一个固定的高度。现在，我在该表中有 50 个 tr，因此，用户正在滚动该表。现在，我有一个按钮，点击它会添加一个按钮，它会添加到 first position。所以，用户滚动了表格，并且也被添加了。现在，我想要做的是，一旦添加了行，滚动条就应该在顶部 这样用户将立即看到新添加的行。

有什么办法吗？

Answer 1

您可以使用 antd为实现它而使用react的库。

具体来说，你可以使用 prop validateFieldsAndScroll。例如，在您的情况下，您的 handleSubmit 函数将类似于:

handleSubmit = (e) => {
    e.preventDefault();
    this.props.form.validateFieldsAndScroll((err, values) => {
      if (!err) {
        console.log('Received values of form: ', values);
      }
    });
  }