NgxJqueryDatatable (Deprecated). please visit @tusharghoshbd/ngx-datatable

NgxJqueryDatatable is an angular library for presenting large and complex data. This library make you easy to integrate jQuery Datatable in your angular component. This library supports all kind features of Datatable such as paging, ordering, search, scrolling and many more to a static HTML page.

Demo

Demo

Installation

As a prerequisite, you need jQuery library.

npm i @tusharghoshbd/jq-plugins

npm i @tusharghoshbd/ngx-jquery-datatable

Add datatable script in index.html page just after the jQuery library. you can see the demo.

<script src="node_modules/@tusharghoshbd/jq-plugins/Datatables/datatables.min.js"></script>

Usage

Html file

<ngx-jquery-datatable 
  [options]="option"
  paginationLength="true" tableClass="table table-striped"
  width="100%">
  <thead>
	<tr>
		<th data-hide="phone">ID</th>
		<th>Name</th>
		<th>Phone</th>
	</tr>
  </thead>
</ngx-jquery-datatable>

Ts file

option:any = {
  colReorder: true,
  data: [{ "id": "1", "name": "Brendan","phone": "1-724-406-2487"}],
  columns: [{ data: 'id' }, { data: 'name' }, { data: 'phone' }]
}

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT