Svelte

Svelte 5에서는 <FreeGrid> 컴포넌트나 use:freegrid 액션으로 씁니다.

이 데모의 코드

<script>
  import { FreeGrid } from '@freegridjs/svelte';
  import '@freegridjs/core/styles.css';

  let api;
  let rows = $state(data);
</script>

<FreeGrid {columns} data={rows} rowSelection="multiple" theme="erp" height={520}
          onReady={a => (api = a)}
          onCellClick={e => console.log(e.row)} />

<!-- or on any element -->
<div use:freegrid={{ columns, data: rows }} style="height: 400px"></div>