Bolehkah saya menggunakan perpustakaan komuniti ag-grid dengan LitElements?

Question

Adakah mungkin untuk menggunakan ag-grid-community dengan LitElements? Inilah yang saya telah cuba tetapi tidak dapat memulakan contoh ag-grid menggunakan kod di bawah.

Ralat Konsol - ag-grid-community.auto.esm.js:45056 Ralat Jenis Tidak Ditangkap: Gagal melaksanakan 'pemerhatian' pada 'MutationObserver': parameter 1 bukan jenis 'Nod'.

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

kelas eksport myComponent memanjangkan LitElement {
  scopedElements statik = {
    'ag-grid': Grid
  };

  pembina() {
    super();
    this.columnDefs = [
      {headerName: "Make", medan: "make"},
      {headerName: "Model", medan: "model"},
      {headerName: "Price", field: "price"}
    ];
        
    this.rowData = [
      {make: "Toyota", model: "Celica", harga: 35000},
      {make: "Ford", model: "Mondeo", harga: 32000},
      {make: "Porsche", model: "Boxter", harga: 72000}
    ];
        
    this.gridOptions = {
      columnDefs: this.columnDefs,
      rowData: this.rowData,
    };

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

Answer 1

Anda perlu mengalih keluar teks ulasan daripada kod

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

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

Juga, saya rasa anda terlupa mengalih keluar koma di sini:

.gridOptions=${this.gridOptions}