NgDragSelectTable


[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![Node Version][node-image]][node-url]

[npm-image]: https://img.shields.io/npm/v/drag-select-table.svg?style=flat-square
[npm-url]: https://npmjs.org/package/drag-select-table

[downloads-image]: https://img.shields.io/npm/dm/drag-select-table.svg?style=flat-square
[downloads-url]: https://npmjs.org/package/drag-select-table

[node-image]: https://img.shields.io/node/v/phantom.svg?style=flat-square
[node-url]: https://nodejs.org/en/download/

angular 6 component

!预览图

This project is a Demo, you can clone it to build.

Public component in projects folder

Install

``bash
npm install drag-select-table --save
or
yarn add drag-select-table
`

Usage

`js
import { DragSelectTableModule } from 'drag-select-table';

@NgModule({
imports: [
...
DragSelectTableModule
],
})
`

$3


It's 5 row and 5 column as default.
`html

`

$3

`js
import { Component } from '@angular/core';

@Component({
selector: 'drag-select-table-demo',
template:
})
export class MultiSelectTableDemo {
public row = 7;
public col = 7;

public updateValues(values) {
console.log(values);
}
}
`

$3

`js
import { Component } from '@angular/core';

@Component({
selector: 'drag-select-table-demo',
template:
})
export class MultiSelectTableDemo {
public row = 7;
public col = 7;
public resTable = [];
}
`

Demo Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/`. The app will automatically reload if you change any of the source files.

Demo Build

MIT License

Copyright (c) 2018 kai