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

Question

我是新来的，web Development.我有一张桌子，在那张桌子上，

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

现在，它有一个滚动条，因为它有一个固定的高度。现在，我tr在那个表中有 50 个，所以，用户正在滚动那个表。现在，我有一个单击按钮，可以再添加一个按钮，它会添加到first position. 所以，用户滚动了表格，并且也被添加了。现在，我想做的是一旦添加了行scroll bar should be at top ，用户就会立即看到新添加的行。

有什么办法吗？

标签： javascriptcssreactjshtmlbootstrap-4

Answer 1

您可以使用为 react 制作的antd库来实现它。

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

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