The Javascript spreadsheet with Angular

Installing jExcel in an angular project

%npm install jexcel-pro

Running Example:

Click here to see the project running on codesandbox.

Source code

import { Component } from "@angular/core";
import * as jexcel from "jexcel";

  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
export class AppComponent {
  title = "CodeSandbox";

  ngAfterViewInit() {
    jexcel(document.getElementById("spreadsheet"), {
      data: [[]],
      columns: [
        { type: "dropdown", width: "100px", source: ["Y", "N"] },
        { type: "color", width: "100px", render: "square" }
      minDimensions: [10, 10]

NOTE: Make sure import the CSS classes in your style.css

@import url('../node_modules/jexcel-pro/jexcel.css');
@import url('../node_modules/jsuites/jsuites.css');