|
|
|
@ -8,3 +8,34 @@ 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. |
|
|
|
|
|
|
|
` data : ` Items shows in your table. |
|
|
|
|
|
|
|
` list : ` Template of your table. |
|
|
|
|
|
|
|
`actionsColumnWidth : ` Width of your action column. |
|
|
|
|
|
|
|
` actionsTemplate : ` Template of action when click this button or whatever. Generally ng-template. |
|
|
|
|
|
|
|
` recordsTotal : ` Count of record total. |
|
|
|
|
|
|
|
` tableActivate : ` It is Output(). A cell or row was focused via keyboard or mouse click. |
|
|
|
A cell or row was focused via keyboard or mouse click. |
|
|
|
|