要在ag-Grid中动态添加新行，您可以按照以下步骤进行操作：

1. 首先，确保您已经安装了ag-Grid和相关的依赖项。您可以通过以下命令使用npm安装ag-Grid：

npm install --save ag-grid-community

2. 在您的HTML文件中，添加一个带有唯一ID的div作为ag-Grid的容器：

3. 在您的Javascript文件中，使用ag-Grid的API来动态添加新行。以下是一个示例代码：

// 创建一个空的数据列表
var rowData = [];

// 获取ag-Grid容器的引用
var gridDiv = document.querySelector('#myGrid');

// 定义ag-Grid的列定义
var columnDefs = [
  { field: 'name', headerName: 'Name', editable: true },
  { field: 'age', headerName: 'Age', editable: true },
  { field: 'gender', headerName: 'Gender', editable: true }
];

// 定义ag-Grid的配置项
var gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData,
  onGridReady: function() {
    // 在ag-Grid准备就绪后，设置rowData，并刷新数据
    gridOptions.api.setRowData(rowData);
    gridOptions.api.refreshCells();
  }
};

// 创建ag-Grid实例
new agGrid.Grid(gridDiv, gridOptions);

// 添加新行的方法
function addNewRow() {
  // 生成一个新的唯一ID
  var newId = rowData.length + 1;

  // 创建一个新的空行对象
  var newRow = { id: newId, name: '', age: '', gender: '' };

  // 将新行添加到rowData中
  rowData.push(newRow);

  // 使用ag-Grid的API刷新数据
  gridOptions.api.setRowData(rowData);
  gridOptions.api.refreshCells();
}

4. 在您的HTML文件中，添加一个按钮，以便在单击时触发添加新行的方法：

Add New Row

这样，当您单击“Add New Row”按钮时，将会动态添加一行到ag-Grid中。