Puis-je utiliser la bibliothèque ag-grid-community avec LitElements ?

Question

Est-il possible d'utiliser ag-grid-community avec LitElements ? C'est ce que j'ai essayé mais je ne parviens pas à initialiser l'instance ag-grid à l'aide du code ci-dessous.

Erreur de console - ag-grid-community.auto.esm.js:45056 TypeError non détecté : échec de l'exécution de "observer" sur "MutationObserver" : le paramètre 1 n'est pas de type "Node".

importer {Grid} depuis 'ag-grid-community' ;

classe d'exportation myComponent étend LitElement {
  scopedElements statique = {
    'ag-grid' : Grille
  } ;

  constructeur() {
    super();
    this.columnDefs = [
      {headerName : "Make", champ : "make"},
      {headerName : "Modèle", champ : "modèle"},
      {headerName : "Prix", champ : "prix"}
    ];
        
    this.rowData = [
      {marque : "Toyota", modèle : "Celica", prix : 35000},
      {marque : "Ford", modèle : "Mondeo", prix : 32000},
      {marque : "Porsche", modèle : "Boxter", prix : 72000}
    ];
        
    ceci.gridOptions = {
      columnDefs : this.columnDefs,
      rowData : this.rowData,
    } ;

    const eGridDiv = document.querySelector('#myGrid');
    nouvelle grille (eGridDiv, this.gridOptions) ;
  }
  rendre() {
    retourner html`
      

          
      
    `;
  }
}

Answer 1

Vous devez supprimer le texte du commentaire du code

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

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

De plus, je pense que vous avez oublié de supprimer la virgule ici :

.gridOptions=${this.gridOptions}