4.10.21 • Published 2 months ago

@revolist/angular-datagrid v4.10.21

Weekly downloads
269
License
MIT
Repository
github
Last release
2 months ago

Key Features

  • Millions of cells viewport with a powerful core in-build by default;
  • Keayboard support with excel like focus;
  • Super light initial starter . Can be imported with polifill or as module for modern browsers;
  • Intelligent Virtual DOM and smart row recombination in order to achieve less redraws;
  • Sorting (multiple options, can be customized per column and advanced with events);
  • Filtering
    • Predefined system filters;
    • Preserve existing collection;
    • Custom filters (extend existing system filters with your own set);
  • Export to file;
  • Custom sizes per Column and Row;
  • Column resizing;
  • Autosize support (Column size based on content);
  • Pinned/Sticky/Freezed:
    • Columns (define left or right);
    • Rows (define top or bottom);
  • Grouping:
    • Column grouping (Nester headers);
    • Row grouping (Nested rows);
  • Cell editing;
  • Customizations:
    • Header template;
    • Cell template (build your own cell view);
    • Cell editor (apply your own editors and cell types);
    • Cell properties (build you own properties around rendered cells);
  • Column types;
    • Text/String (default);
    • Number;
    • Select;
    • Date;
    • Custom (take any type as template and create your own extended style);
  • Drag and drop rows;
  • Range operations:
    • Selection;
    • Edit;
  • Theme packages:
    • Excel like (default)
    • Material (compact, dark or light);
  • Copy/Paste (copy/paste from Excel, Google Sheets or any other sheet format);
  • Easy extenation and support with modern VNode features and tsx support;
  • Trimmed rows (hide rows on demand);
  • Plugin system (create your own plugins or extend existing one, it's transparent and easy);
  • Hundred others small customizations and improvements RevoGrid.

How to use

Use Repo as a started if you wish.

With NPM:

npm i @revolist/angular-datagrid --save;

With Yarn:

yarn add @revolist/angular-datagrid;
// app.module.ts
 
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";
import { RevoGridModule } from '@revolist/angular-datagrid';

@NgModule({
  // define component
  declarations: [AppComponent],
  imports: [BrowserModule, RevoGridModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}
// app.component.ts

import { Component } from "@angular/core";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  columns = [
    {  name: "Greeting", prop: "name" },
    { prop: "details" }
  ];
  rows = [{ name: "I am", details: "Angular" }, { name: "Hello", details: "Angular" }];
}
<!-- app.component.html -->
<revo-grid [source]="rows" [columns]="columns" theme="material"></revo-grid>

Check Sandbox for real live sample.

Contributing

If you have any idea, feel free to open an issue to discuss a new feature and submit your changes back to me.

License

MIT

4.10.21

2 months ago

4.10.20

2 months ago

4.10.19

2 months ago

4.10.12

3 months ago

4.10.13

3 months ago

4.10.14

3 months ago

4.10.15

3 months ago

4.10.10

3 months ago

4.10.11

3 months ago

4.10.9

3 months ago

4.10.6

3 months ago

4.10.7

3 months ago

4.10.8

3 months ago

4.10.5

3 months ago

4.10.3

3 months ago

4.10.4

3 months ago

4.10.1

4 months ago

4.10.2

3 months ago

4.10.0

4 months ago

4.9.37

4 months ago

4.9.38

4 months ago

4.9.40

4 months ago

4.9.41

4 months ago

4.9.36

4 months ago

4.9.26

4 months ago

4.9.28

4 months ago

4.9.27

4 months ago

4.9.24

4 months ago

4.9.25

4 months ago

4.9.20

4 months ago

4.9.22

4 months ago

4.9.21

4 months ago

4.9.23

4 months ago

4.9.8

4 months ago

4.9.7

4 months ago

4.9.9

4 months ago

4.9.4

4 months ago

4.9.3

5 months ago

4.9.6

4 months ago

4.9.5

4 months ago

4.9.0

5 months ago

4.9.1

5 months ago

4.0.29

6 months ago

4.0.28

6 months ago

4.8.10

5 months ago

4.8.12

5 months ago

4.8.11

5 months ago

4.8.14

5 months ago

4.8.13

5 months ago

4.8.16

5 months ago

4.8.15

5 months ago

4.8.18

5 months ago

4.0.50

6 months ago

4.8.17

5 months ago

4.8.19

5 months ago

4.8.9

5 months ago

4.8.8

5 months ago

4.8.5

5 months ago

4.8.4

5 months ago

4.8.7

5 months ago

4.8.6

5 months ago

4.8.1

5 months ago

4.8.0

5 months ago

4.9.11

4 months ago

4.8.3

5 months ago

4.9.10

4 months ago

4.8.2

5 months ago

4.9.13

4 months ago

4.0.41

6 months ago

4.9.12

4 months ago

4.0.40

6 months ago

4.0.42

6 months ago

4.9.17

4 months ago

4.9.16

4 months ago

4.9.19

4 months ago

4.9.18

4 months ago

4.0.30

6 months ago

4.0.31

6 months ago

4.0.37

6 months ago

4.0.39

6 months ago

4.0.34

6 months ago

4.0.33

6 months ago

3.0.52

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.9.81

4 years ago

2.9.8

4 years ago

1.1.6

4 years ago

1.1.5

4 years ago

1.1.4

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago