Feature-Rich Excel-like Spreadsheet Library for the Web

<script setup>
import { Reogrid } from '@reogrid/lite/vue';
</script>

<template>
  <Reogrid style="width: 100%; height: 400px" />
</template>

import { createReogrid } from '@reogrid/lite';

const { worksheet } = createReogrid('#grid');

worksheet.cell('A1').setValue('Hello, ReoGrid');

import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { createReogrid } from '@reogrid/lite';

@Component({
  selector: 'app-grid',
  standalone: true,
  template: `<div #host style="width: 100%; height: 400px"></div>`,
})
export class GridComponent implements AfterViewInit {
  @ViewChild('host', { static: true }) host!: ElementRef<HTMLDivElement>;

  ngAfterViewInit() {
    createReogrid(this.host.nativeElement);
  }
}