Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
77
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Purchase

Sort

Sort coordinates sortable column headers and emits the active column with its direction. Use it with Table when a simple local table or a server-driven query needs clickable sorting controls.

Apply ngsSort to the table or sorting region, then add ngs-sort-header to each sortable header.

The NgStarter Angular Sort directives add clickable, accessible sort headers to Table surfaces. Use them when a column header should update local data ordering or emit sort state for a server-side request.

Basic Sort

Use ngsSort with ngs-sort-header to toggle between ascending, descending, and cleared states.

Invoice
Customer
Total
Status
INV-1007Acme Co.$1250Paid
INV-1008Northwind$840Pending
INV-1009Globex$2320Paid
INV-1010Stark Industries$1640Overdue
INV-1011Wayne Enterprises$980Pending