I am unable to get the sideBar to render using Enterprise

[doghousedev]

I have tried the steps listed on the docs but it doesn't render the side bar.

i have imported 'ag-grid-enterprise' before rendering the grid
I have tried 'npm run dev '--force'
I have modified the vite.config.ts to include the 'optimize:include'

The enterprise watermark does show in the console, however no Enterprise features seem to be enabled.

I am using version 29.0

[MichaelKim]

Could you provide a small example of your code? I got it working by importing ag-grid-enterprise and setting the sideBar prop to true:

<script>
  import AgGridSvelte from 'ag-grid-svelte';
  import 'ag-grid-community/styles/ag-grid.css';
  import 'ag-grid-community/styles/ag-theme-alpine.css';
  import 'ag-grid-enterprise';

  const columnDefs = [{ field: 'a' }, { field: 'b' }];

  const rowData = [
    { a: 1, b: 2 },
    { a: 3, b: 4 }
  ];
</script>

<div style:height="500px" class="ag-theme-alpine">
  <AgGridSvelte {rowData} {columnDefs} sideBar />
</div>

[doghousedev]

Thanks, That did enable it. Such a simple solution. Thank you again Ron

…

On Sun, Mar 5, 2023, 2:44 AM Michael Kim ***@***.***> wrote: Could you provide a small example of your code? I got it working by importing ag-grid-enterprise and setting the sideBar prop to true: <script> import AgGridSvelte from 'ag-grid-svelte'; import 'ag-grid-community/styles/ag-grid.css'; import 'ag-grid-community/styles/ag-theme-alpine.css'; import 'ag-grid-enterprise'; const columnDefs = [{ field: 'a' }, { field: 'b' }]; const rowData = [ { a: 1, b: 2 }, { a: 3, b: 4 } ];</script> <div style:height="500px" class="ag-theme-alpine"> <AgGridSvelte {rowData} {columnDefs} sideBar /> </div> — Reply to this email directly, view it on GitHub <#7 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACSKM6Q6XJ5N2GFGUWMZ4FLW2Q77LANCNFSM6AAAAAAVPWQ5ZE> . You are receiving this because you authored the thread.Message ID: ***@***.***>