void-table v0.0.4

VoidTable

Html bootstrap Table with search box and pagination where you have control over your table heading and complete table tbody

Instalation

npm install void-table

Usage

Add ShowlessModule in imports

import { VoidTableModule } from 'VoidTable';

How to use table module in your component html

<void-Table headerTemplate="theaderTemplate" bodyTemplate="tbodyTemplate" gridData="userList">

Create Table header for your table

<ng-template #theaderTemplate>Name

<th>email</th>
<th>action</th>
<ng-template>

Create template for Table body as td to show your column data with your pipe and logic

<ng-template #tbodyTemplate let-item>{{item.name}}{{item.email}}

                    <td>
                        <button class="btn btn-success btn-sm" (click)="edit(item.id)">Edit</button>
                        <button class="btn btn-secondary btn-sm ml-2" (click)="delete(item.id)">Delete</button>
                    </td>
                </ng-template>

Input to send your header

headerTemplate => pass header template Input to send your tbody bodyTemplate => pass tbody template Last one data to render in table gridData => pass your Array