the console is always warning？ about ag-grid-vue-example

[zweeen]

Same for me. I am using version 17.0.

Thanks @thewilli even if this is a bit ugly it's work.

EDIT :

After some investigation I have found in the doc that putting suppressPropertyNamesCheck
remove all warning messages.

From the doc :

> Disables showing a warning message in the console if using a gridOptions or colDef property that doesn't exist

this.gridOptions = { ... deltaRowDataMode : true, suppressPropertyNamesCheck : true, ... };

[thewilli]

I have the same problem in a web bundled with webpack.

this solved it temporarily for me:

// put this in any .js file that gets loaded before ag-grid is used
import { PropertyKeys } from "ag-grid/dist/lib/propertyKeys";
import { ColDefUtil } from "ag-grid/dist/lib/components/colDefUtil";
// fix wrong property warning
PropertyKeys.ALL_PROPERTIES.push("__ob__");
ColDefUtil.ALL_PROPERTIES.push("__ob__");

[Robyn13]

if you just want the warning removed you can use the supporessPropertyNamesCheck property

this.gridOptions = {
...
suppressPropertyNamesCheck: true
};

[martinmuellerrohde]

Same for every colDef:

ag-grid: invalid colDef property '__ob__' did you mean any of these: valueGetter,children,allowedAggFuncs,menuTabs,pivotTotalColumnIds,cellClassRules,icons,headerGroupComponent

[davidm-public]

I have this too.
Decided to ignore it.
As far as I can tell Vue adds that , and removing it just adds overhead. It's not colliding with any similarly named property, ie seems harmless.

[davidm-public]

@thewilli thanks, works for me!

[seanlandsman]

In a recent release these warnings (for ob) were suppressed. Please upgrade and see if this resolves the problem.

thanks

[raisiqueira]

Hi! I set the suppressPropertyNamesCheck on my gridOptions, but don't work.

[jimmyMaci]

I have a similar problem

This caused my problem:

<div style="width: 1000px; height: 500px;">
<ag-grid-angular
  class="ag-theme-material"
  #gridOptionsRight
  [frameworkComponents]="frameworkComponents"
  [columnDefs]="columnDefs"
  [gridOptions]="gridOptionsRight"
  (selectionChanged)="onRightSelectionChanged($event)"
  (gridReady)="onRightGridReady($event)">
</ag-grid-angular>
</div>

The solution was to remove the #gridOptionsRight

<div style="width: 1000px; height: 500px;">
<ag-grid-angular
  class="ag-theme-material"
  [frameworkComponents]="frameworkComponents"
  [columnDefs]="columnDefs"
  [gridOptions]="gridOptionsRight"
  (selectionChanged)="onRightSelectionChanged($event)"
  (gridReady)="onRightGridReady($event)">
</ag-grid-angular>
</div>

[Huiet]

I actually intentionally added to the colDefs (and have update methods that modify the property I added to the columndefs and updates gridColumnDefs) because I wanted access to a property in my columnMenuTab and it seemed to be a great way to handle it (vs. having something external in my ts code). Ends up being used like:
checked: params.column.userProvidedColDef.sortBy === 'valueToSortBy'