Ngrid

screenshot of Ngrid
angular
express
bootstrap

A angular grid for the enterprise

Overview

N-GRID is an innovative grid component based on Angular's CDK (Component Dev Kit) that brings enterprise-level functionality to data representation. With its highly extensible and UI-agnostic design, it allows developers to create robust and user-friendly interfaces effortlessly. N-GRID comes packed with features that enhance performance and usability, making it an ideal choice for dynamic applications needing efficient data handling.

Whether you're looking for ease of integration with column and data sources or advanced functionalities like virtual scrolling and theming, N-GRID aims to meet and exceed the demands of modern applications. A variety of secondary packages are available to extend its core capabilities, providing flexibility to adapt to different project requirements.

Features

  • Easy Integration: Seamless connection with columns and data sources for quick setup and implementation.
  • Virtual Scrolling: Supports vertical scrolling to ensure smooth navigation through large datasets without performance degradation.
  • Advanced Column Management: Offers features for resizing, reordering, editing, and hiding columns while managing cell sizes intelligently.
  • Rich Theming Options: A comprehensive theming system using SCSS that allows for visually appealing table designs.
  • Input Device Support: Includes packages that handle input device events like clicks and keyboard selections for better interactivity.
  • Clipboard Functionality: Facilitates copying cell selections to the clipboard, enhancing usability for end-users.
  • State Management: Ability to save and restore the grid's state, making it easier for users to return to their initial setup.
  • UI Extensions: Leverages Angular Material components to enhance functionality with features like automatic cell tooltips, selection columns, sorting headers, and pagination.

With these features, N-GRID positions itself as a powerful tool for developers seeking a scalable and user-focused grid solution.

angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.

prismjs
Prism JS

PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.