Kann ich die ag-grid-community-Bibliothek mit LitElements verwenden?

Question

Ist es möglich, ag-grid-community mit LitElements zu verwenden? Dies habe ich versucht, kann die Ag-Grid-Instanz jedoch nicht mit dem folgenden Code initialisieren.

Konsolenfehler – ag-grid-community.auto.esm.js:45056 Nicht erfasster TypeError: Ausführung von „observe“ auf „MutationObserver“ fehlgeschlagen: Parameter 1 ist nicht vom Typ „Node“.

import { Grid } from 'ag-grid-community';

Die Exportklasse myComponent erweitert LitElement {
  staticscopedElements = {
    'ag-grid': Gitter
  };

  Konstrukteur() {
    super();
    this.columnDefs = [
      {headerName: „Make“, Feld: „make“},
      {headerName: „Modell“, Feld: „Modell“},
      {headerName: „Preis“, Feld: „Preis“}
    ];
        
    this.rowData = [
      {Marke: „Toyota“, Modell: „Celica“, Preis: 35000},
      {Marke: „Ford“, Modell: „Mondeo“, Preis: 32000},
      {Marke: „Porsche“, Modell: „Boxter“, Preis: 72000}
    ];
        
    this.gridOptions = {
      ColumnDefs: this.columnDefs,
      rowData: this.rowData,
    };

    const eGridDiv = document.querySelector('#myGrid');
    neues Grid(eGridDiv, this.gridOptions);
  }
  render() {
    html` zurückgeben
      <div>
          <ag-grid
            .gridOptions=${this.gridOptions}
          ></ag-grid>
      </div>
    `;
  }
}

Answer 1

你必须从代码中删除注释文本

**指定数据** this.rowData = [    

**让网格知道要使用哪些列和数据** this.gridOptions

另外，我认为你忘记在这里删除逗号：

.gridOptions=${this.gridOptions}