# sdrc-table

> This package is developed by SDRC UI team with all the basic features those a table basically has. Its peer dependencies are bootstrap, jQuery and Fontawesome. Please follow the installation steps.

Latest version **0.0.11** (published 2019-01-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install sdrc-table
pnpm add sdrc-table
yarn add sdrc-table
bun add sdrc-table
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.11 |
| Published | 2019-01-14 |
| First published | 2018-11-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 424.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | SDRC UI Team |
| Maintainers | lax2165 |

## Links

- npm: https://www.npmjs.com/package/sdrc-table
- npm.io page: https://npm.io/package/sdrc-table

## Dependencies (1)

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

## Recent versions

- 0.0.11 (latest) — 2019-01-14
- 0.0.10 — 2019-01-14
- 0.0.9 — 2018-12-06
- 0.0.8 — 2018-12-05
- 0.0.7 — 2018-11-30
- 0.0.6 — 2018-11-30
- 0.0.5 — 2018-11-29
- 0.0.4 — 2018-11-29
- 0.0.3 — 2018-11-21
- 0.0.2 — 2018-11-19

## README

This package is developed by SDRC UI team with all the basic features those a table basically has. Its peer dependencies are bootstrap, jQuery and Fontawesome. Please follow the installation steps.

Steps to use SDRC Table
1. Install jQuery, fontawesome and bootstrap 


2. 
```bash
    npm i @progress/kendo-drawing @progress/kendo-angular-pdf-export ng2-search-filter ngx-pagination save-as
    npm i sdrc-table
```

3. import TableModule in your module ts
    ```js
    import { TableModule} from 'sdrc-table'
    ```

4. add TableModule to @ngModule imports
    ```js
    imports: [
        BrowserModule,
        HttpClientModule,
        TableModule
    ]
    ```

5. Use sdrc-table tag to get the table view
    ```js
    <sdrc-table 
    [id]="'tab1'"
    [rowData]="tableData" 
    [columnData]="tableColumns" 
    [maxTableHeight]="'600px'"
    [sorting]="true" 
    [sortExcludeColumn]="['action', 'rowId']"
    [isPaginate]="true"
    [itemsPerPage]="15"
    [headerFixed]="true" 
    [searchBox]="true" 
    [downloadPdf]="true" 
    [downloadExcel]="true"></sdrc-table>
    ```
    format of rowData and columnData should be like: 
    ```js
    tableData = [{
                    name: "xyz", 
                    age: 0, 
                    action:[{                
                                "controlType" : "button",
                                "type": "submit",
                                "value" :"Edit",
                                "class" : "btn btn-submit",
                                "icon" : "fa-edit"
                            }]
    }]

    tableColumns = ["name", "age", "action"]
    
    ```

6. If you have to handle the event on action button, use: 
    ```js
    (onActionButtonClicked)="yourFunction($event)"
    ```

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