mi6 / mi6/ic-ui-kit

Sort exclusions for data tables

Open
#805 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

data-table component
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary
Sort exclusions allow specific rows to be excluded from a sort so that they appear at the top or bottom of a sorted list.

## 💰 User value
This allows specific data to be pinned to top or bottom and be excluded from sort. This could be useful when certain values don't have content within a sortabel column.

## 📚 User Stories
If relevant, describe the high-level functionality as user stories.

*As an* ICDS developer
*I need* to be able to specify rows to be excluded from a sort
*So that* they can be positioned to top or bottom of a table regardless of sort.

## 📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

*Given* that a data table exists with a column that is sortable,
*When* setting the data table column sort properties
*Then* specific rows can be excluded,
*and* the position of the excluded rows can be set to either 'top'(default) or 'bottom'.

## ✏ Designs
If there's a Figma design file (or other mock-up), include it here.

## 🧾 Guidance
If there's written guidance or documentation, include it here.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the data table component and its sortable-column properties, then inspect how rows are currently ordered. Implement exclusion of specified rows with a configurable top or bottom position, and verify that the acceptance criteria hold for sortable columns and the default top position.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.