Jquery 将新行追加到yii2中的gridview

我需要在Yi2的gridView创建的表的顶部追加一些新行。 gridview的数据由activeDataProvider提供

<div class="col-sm-12" id="dataDiv">              
<?php
  echo GridView::widget([
    'dataProvider' => $model['dataProvider'],
    'columns' => [
      'id',
      'customer_name',
      'customer_lastname',
      'customer_mobile',
      'created_at:date'
    ]
  ]);
?>
</div>

我可以通过对控制器方法的ajax调用获得新行，但我不知道如何通过ajax（jquery）将它们追加到表中

---

任何想法都将不胜感激

我知道这个答案来得很晚，但对于任何想在未来找到解决方案的人来说：

首先，为GridView提供一个id，以便我们可以在html中使用它：

GridView::widget([
    'id' => 'some-list',
    ...
]);

假设您直接从控制器获取新行作为响应，然后希望使用jQuery将列表追加到顶部：

$.post('your-saving-url', {someData:'you-want-to-save'}, function(response) {
     // append the new row to the top of our table
     $('#some-list').find('tbody').prepend(response);
});

几秒钟后进行pjax刷新以确保表结构仍然正确并修复分页是有意义的。

-以下是一些JS代码，可以帮助您。