@foblex/ng-drag-grid
TypeScript icon, indicating that this package has built-in type declarations

2.0.2 • Public • Published

@foblex/ng-drag-grid

@foblex/ng-drag-grid is an Angular library designed for creating complex interfaces with drag-and-drop capabilities, perfect for implementing calendars, task boards, and other applications where item movement is required.

Features

  1. Easy-to-integrate grid with drag-and-drop support.
  2. Flexible customization options for cells and items.
  3. Move event handling for additional processing logic.

Installation

To add @foblex/ng-drag-grid to your project, run the following command:

npm install @foblex/ng-drag-grid --save

Usage

Example:

  <f-drag-grid>
    <f-header>
      <f-header-row>
        <f-header-cell>1</f-header-cell>
        <f-header-cell>2</f-header-cell>
        <f-header-cell>3</f-header-cell>
      </f-header-row>
    </f-header>
    <f-body>
      <f-body-row>
        <f-body-cell id="cell1">
          <f-cell-item id="item1">1</f-cell-item>
        </f-body-cell>
        <f-body-cell id="cell2">
          <f-cell-item id="item2">2</f-cell-item>
        </f-body-cell>
        <f-body-cell id="cell3">
          <f-cell-item id="item3">3</f-cell-item>
        </f-body-cell>
      </f-body-row>
    </f-body>
  </f-drag-grid>

Package Sidebar

Install

npm i @foblex/ng-drag-grid

Weekly Downloads

2

Version

2.0.2

License

MIT

Unpacked Size

271 kB

Total Files

93

Last publish

Collaborators

  • siarheihuzarevich