# angular-material-dynamic-table

> # ts: import { TableOptions, TableCellConfig } from "angular-material-dynamic-table";

Latest version **1.0.5** (published 2020-03-10) · 0 weekly downloads

## Install

```sh
npm install angular-material-dynamic-table
pnpm add angular-material-dynamic-table
yarn add angular-material-dynamic-table
bun add angular-material-dynamic-table
```

## 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-03-10 |
| First published | 2020-03-09 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 432.2 KB |
| Known vulnerabilities | 0 (+15 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | a-noire |

## Links

- npm: https://www.npmjs.com/package/angular-material-dynamic-table
- npm.io page: https://npm.io/package/angular-material-dynamic-table

## Dependencies (7)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0
- [@angular/core](https://npm.io/package/@angular/core.md) ^8.2.14
- [@angular/common](https://npm.io/package/@angular/common.md) ^8.2.14
- [@ngx-formly/core](https://npm.io/package/@ngx-formly/core.md) ^5.5.8
- [@angular/material](https://npm.io/package/@angular/material.md) ^8.2.3
- [@ngx-formly/material](https://npm.io/package/@ngx-formly/material.md) ^5.5.8
- [@netbasal/content-loader](https://npm.io/package/@netbasal/content-loader.md) ^1.1.0

## Recent versions

- 1.0.5 (latest) — 2020-03-10
- 1.0.4 — 2020-03-10
- 1.0.3 — 2020-03-10
- 1.0.2 — 2020-03-10
- 1.0.1 — 2020-03-09
- 1.0.0 — 2020-03-09

## README

# html:
    <kmr-dynamic-table
      [data]="transactionTableData"
      [tableConfig]="tableConfig"
      [options]="tableOptions"
    ></kmr-dynamic-table>
# ts:
  import { TableOptions, TableCellConfig } from "angular-material-dynamic-table";

  tableConfig: TableCellConfig[] = [
    {
      headerTitle: "",
      fieldName: "Date"
    },
    {
      headerTitle: "",
      fieldName: "EnterTime"
    },
    {
      headerTitle: "" ,
      fieldName: "ExitTime"
    },
    {
      headerTitle: "",
      fieldName: "Status"
    },
    {
      headerTitle: "",
      fieldName: "operation",
      customComponent: "edit-delete"
    }
  ];

  tableOptions: TableOptions = {
    pagination: true,
    hasFilter: true
  };

  transactionTableData = [
    {
      Date: "1398/11/28",
      EnterTime: "09:09",
      ExitTime: "13:00",
      Status: ""
    },
    {
      Date: "1398/11/28",
      EnterTime: "13:50",
      ExitTime: "17:09",
      Status: ""
    }
  ];

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