angular / angular/components

feat(table): Show sort icon by default

Open
#30,563 6 comments 4 reactions 0 assignees View on GitHub
area: material/sort feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

When a table column or multiple columns have a sorting option, it is not visually obvious until you accidentally or intentionally hover over the column header. This behavior is not intuitive, as shown in the screenshot and example:

![Image](https://github.com/user-attachments/assets/e31814af-92d7-4c13-aa54-e1fc494bb495)
https://material.angular.io/components/table/examples#table-sorting

**So, the proposal is to add an option to make the sort icons visible by default, as shown in the examples:**

_Example 1:_

![Image](https://github.com/user-attachments/assets/a661d33e-19fe-49e5-84c1-53188ca0ee7e)

_[Example 2](https://primeng.org/table#sort):_

![Image](https://github.com/user-attachments/assets/5a25c128-65a2-4d81-a73c-25448aa7a1c2)

Contributor guide

Open the contributing guide

Research direction

Start by comparing the Material table sorting example and the linked PrimeNG table sorting example to understand the requested default icon behavior. Trace the table sorting implementation and determine how an option should expose always-visible sort icons; done means sortable columns can show their icons without hover while existing sorting behavior remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.