Skip to content
ng6, drag select table
TypeScript HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
e2e
projects
src
.editorconfig
.gitignore
LICENSE
README.md
angular.json
box-cascader.gif
dragtable.gif
package.json
tsconfig.json
tslint.json

README.md

NgDragSelectTable

NPM

NPM Version NPM Downloads Node Version

angular 6 component

预览图

This project is a Demo, you can clone it to build.
Public component in projects folder

Edit ng-drag-select-table

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

You can’t perform that action at this time.