Browse Source

Merge pull request #14469 from abpframework/Issue-12356

add to Angular extensible table document.
pull/14745/head
Muhammed Altuğ 4 years ago
committed by GitHub
parent
commit
b5507da7d3
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 24
      docs/en/UI/Angular/Extensions-Overall.md

24
docs/en/UI/Angular/Extensions-Overall.md

@ -8,3 +8,27 @@ See the documents below for the details:
* [Data Table Column (or Entity Prop) Extensions](Data-Table-Column-Extensions.md)
* [Page Toolbar Extension](Page-Toolbar-Extensions.md)
* [Dynamic Form (or Form Prop) Extensions](Dynamic-Form-Extensions.md)
## Extensible Table Component
Using [ngx-datatable](https://github.com/swimlane/ngx-datatable) in extensinble table.
````ts
<abp-extensible-table
actionsText="Your Action"
[data]="items"
[recordsTotal]="totalCount"
[actionsColumnWidth]="38"
[actionsTemplate]="customAction"
[list]="list"
(tableActivate)="onTableSelect($event)" >
</abp-extensible-table>
````
* ` actionsText : ` ** Column name of action column. **Type** : string
* ` data : ` Items shows in your table. **Type** : Array<any>
* ` list : ` Instance of ListService. **Type** : ListService
* `actionsColumnWidth : ` Width of your action column. **Type** : number
* ` actionsTemplate : ` Template of the action when "click this button" or whatever. Generally ng-template. **Type** : TemplateRef<any>
* ` recordsTotal : ` Count of the record total. **Type** : number
* ` tableActivate : ` The Output(). A cell or row was focused via the keyboard or a mouse click. **Type** : EventEmitter()

Loading…
Cancel
Save