title: Need to handle angular slickgrid multiple times rendering while updating a record in dataview
body: <p>I am using angular slickgrid to show my data. I monitoring the data continuously. If any changes happened in server side, that data need to update in application. So that modified data updated in slickgrid by this code <code>this.angularGrid.gridService.updateDataGridItem(data);</code>. While updating data, the angular slickgrid fully rendered for multiple times. I want avoid angular slickgrid multiple times rendering.</p>
  <hr />
  <p><strong>Current behavior</strong></p>
  <p>While adding or updating a record, angular slickgrid renders multiple time</p>
  <hr />
  <p><strong>Expecting behavior</strong></p>
  <p>While adding or updating a record, angular slickgrid needs to update the particular row dataview only</p>
  <hr />
  <p>Here i shared my gridoptions for your reference.</p>
  <pre><code>public gridOptions: GridOption = {
      enablePagination: true,
      autoEdit: false,
      enableCellNavigation: true,
      editable: true,
      enableAutoResize: true,
      enableSorting: true,
      enableFiltering: true,
      enableExcelExport: true,
      enableExport: true,
      i18n: this.translateService,
      gridMenu: {
          hideExportExcelCommand: true,
          hideExportCsvCommand: true,
          customItems: [{
              command: &quot;cspfm-excel-export&quot;,
              titleKey: &quot;EXPORT_TO_EXCEL&quot;,
              iconCssClass: &quot;fa fa-file-excel-o&quot;,
              action: (event, callbackArgs) =&gt; {
                  this.excelExport(event, callbackArgs)
              }
          }, {
              command: &quot;cspfm-csv-export&quot;,
              titleKey: &quot;EXPORT_TO_CSV&quot;,
              iconCssClass: &quot;fa fa-download&quot;,
              action: (event, callbackArgs) =&gt; {
                  this.excelExport(event, callbackArgs)
              }
          }],
      },
      enableAutoTooltip: true,
      autoTooltipOptions: {
          enableForCells: true,
          enableForHeaderCells: true,
          maxToolTipLength: 1000
      },
      headerMenu: {
          hideColumnHideCommand: true
      },
      autoResize: {
          containerId: this.gridContainerId,
          calculateAvailableSizeBy: 'container'
      },
      exportOptions: {
          exportWithFormatter: true
      },
      excelExportOptions: {
          exportWithFormatter: true,
      },
      enableTranslate: true,
      presets: {
          sorters: [{ columnId: this.tableColumnInfo['pfm138993_institutename']['prop'], direction: 'ASC' }],
      },
      enableAsyncPostRender: true, // for the Angular PostRenderer, don't forget to enable it
      asyncPostRenderDelay: 0,    // also make sure to remove any delay to render it
      params: {
          angularUtilService: this.angularUtilService // provide the service to all at once (Editor, Filter, AsyncPostRender)
      },
      checkboxSelector: {
          // you can toggle these 2 properties to show the &quot;select all&quot; checkbox in different location
          hideInFilterHeaderRow: false,
      },
      rowSelectionOptions: {
          // True (Single Selection), False (Multiple Selections)
          selectActiveRow: false,
      },
      enableCheckboxSelector: true,
      enableRowSelection: true
  };
  </code></pre>
  <hr />
  <p><strong>Software Version</strong></p>
  <p>Angular : 7.3.5</p>
  <p>Angular-Slickgrid : 2.19.0</p>
  <p>TypeScript : 3.1.6</p>
  <p>Operating System : Windows 10</p>
  <p>Node : 10.16.3</p>
  <p>NPM : 6.9.0</p>