svelte-ag-grid

Svelte Ag Grid

A svelte wrapper component around ag-grid

svelte-ag-grid

A barebones wrapper around ag-grid.

Example usage:

<script>
  import AgGrid from "@budibase/svelte-ag-grid";

  let data = [
    { make: "Toyota", model: "Celica", price: 35000 },
    { make: "Ford", model: "Mondeo", price: 32000 },
    { make: "Porsche", model: "Boxter", price: 72000 },
  ];

  let columnDefs = [
    {
      headerName: "Make",
      field: "make",
      sortable: true,
      editable: true,
    },
    { headerName: "Model", field: "model", sortable: true },
    { headerName: "Price", field: "price", sortable: true },
  ];
</script>

<style>
  :global(:root) {
    --grid-height: 500px;
  }
</style>

<AgGrid bind:data {columnDefs} />

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes