Version
Language

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:

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()
In this document
Mastering ABP Framework Book
Mastering ABP Framework