这两天有空 整理了下
https://github.com/kavil/NgDragSelectTable
NgDragSelectTable
angular 6 component
This project is a Demo, you can clone it to build.
Public component in projects folder
Install
npm install drag-select-table --save
or
yarn add drag-select-table
Usage
import { DragSelectTableModule } from 'drag-select-table';
@NgModule({
imports: [
...
DragSelectTableModule
],
})
simple
It’s 5 row and 5 column as default.
<ds-table></ds-table>
emit valuesChange
import { Component } from '@angular/core';
@Component({
selector: 'drag-select-table-demo',
template: `<ds-table [row]="row" [column]="col" (valuesChange)="updateValues($event)"></ds-table>`
})
export class MultiSelectTableDemo {
public row = 7;
public col = 7;
public updateValues(values) {
console.log(values);
}
}
bidirectional bindings
import { Component } from '@angular/core';
@Component({
selector: 'drag-select-table-demo',
template: `<ds-table [row]="row" [column]="col" [(values)]="resTable"></ds-table>`
})
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.
MIT License
Copyright (c) 2018 kai
转载请注明出处 原文链接 https://kavil.github.io/2018/08/28/NgDragSelectTable/