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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
24 additions and
0 deletions
-
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() |
|
|
|
|