# d-datatable

> Generic datatable

Latest version **1.0.5** (published 2020-02-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install d-datatable
pnpm add d-datatable
yarn add d-datatable
bun add d-datatable
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2020-02-08 |
| First published | 2019-12-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 550.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Dattaram Gawas |
| Maintainers | talktodats |

## Links

- npm: https://www.npmjs.com/package/d-datatable
- Repository: https://github.com/DatsGawas/d-datagrid
- Homepage: https://github.com/DatsGawas/d-datagrid#readme
- Issues: https://github.com/DatsGawas/d-datagrid/issues
- npm.io page: https://npm.io/package/d-datatable

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 1.0.5 (latest) — 2020-02-08
- 1.0.4 — 2019-12-21
- 1.0.3 — 2019-12-21
- 1.0.2 — 2019-12-14
- 1.0.1 — 2019-12-14
- 1.0.0 — 2019-12-13

## README

<h1 align="center">
    D-Datatable
  <br>
</h1>

## Angular CLI - Installation

### Overview

The Angular CLI is a tool to initialize, develop, scaffold and maintain Angular applications

### Getting Started

To install the Angular CLI:

```bash
npm install -g @angular/cli
```
Generating and serving an Angular project via a development server Create and run a new project:

```bash
ng new my-project
cd my-project
ng serve
```

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

For More on Angular CLI [commands](https://github.com/angular/angular-cli/wiki) click on the link.

## D-datatable - Installation

To install this library, follow the steps given below:

```bash
$ cd your-angular-project
```

```bash
$ npm install d-datatable --save
```

```bash
$ npm install font-awesome@4.7.0 --save
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';


import { DDatatableModule } from 'd-datatable';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule, DDatatableModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }
```
# d-datatable Properties

<table> 
<tr>
<th>Name</th>
<th>String</th>
<th>Default Value</th>
</tr>
<tr>
 <td>gridData</td>
 <td>Array</td>
 <td>[]</td>
</tr>
<tr>
 <td>pageSize</td>
 <td>Number</td>
 <td>10</td>
</tr>
<tr>
 <td>height</td>
 <td>String</td>
 <td></td>
</tr>
<tr>
 <td>gridTitle</td>
 <td>String</td>
 <td></td>
</tr>
</table>


# d-column Properties

<table> 
<tr>
<th>Name</th>
<th>String</th>
<th>Default Value</th>
</tr>
<tr>
 <td>label</td>
 <td>String</td>
 <td></td>
</tr>
<tr>
 <td>dataKey</td>
 <td>Sring</td>
 <td></td>
</tr>
<tr>
 <td>width</td>
 <td>String</td>
 <td></td>
</tr>
<tr>
 <td>hidden</td>
 <td>Boolean</td>
 <td>false</td>
</tr>
</table>

# Basic code snippet

```
<d-datatable #tableRef [gridData]="gridData" [pageSize]="10" [height]="'40vh'" [gridTitle]="'Employee Data'">
    <d-column [label]="'Name'" [dataKey]="'empName'">
    </d-column>
    <d-column [label]="'Code'" [dataKey]="'empCode'" ></d-column>
</d-datatable>
```

# Sample Data
```
[
  {
    "empName": "dattaram Gawas",
    "empCode": 11
  },
  {
    "empName": "Sudarshan Hiray",
    "empCode": 12
  }
]
```

---
_Source: https://npm.io/package/d-datatable · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._