Angular UI Extensions

Angular UI extensions system allows you to add a new action to the actions menu, a new column to the data table, a new action to the toolbar of a page, and add a new field to the create and/or edit forms.

See the documents below for the details:

• Entity Action Extensions
• Data Table Column (or Entity Prop) Extensions
• Page Toolbar Extension
• Dynamic Form (or Form Prop) Extensions

Extensible Table Component

Using ngx-datatable in extensible table.

      <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
• 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
• 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()