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

Contributors


Last updated: August 19, 2024 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

In this document
Community Talks

What’s New with .NET 9 & ABP 9?

21 Nov, 17:00
Online
Register Now
Mastering ABP Framework Book
Mastering ABP Framework

This book will help you gain a complete understanding of the framework and modern web application development techniques.

Learn More