mi6 / mi6/ic-ui-kit

[ic-data-table] - truncation applied to incorrect cell when pagination changes

Open
#4,383 1 comment 0 reactions 0 assignees View on GitHub
data-table component
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

### Summary of the bug
When displaying a data-table with show-hide truncation and pagination, items incorrectly have the "see more" link displayed when changing pages.

### 🪜 How to reproduce

1. Go to page: https://stackblitz.com/edit/nn9bpjgz-gab6qusc?file=src%2Fapp.jsx,package.json&hideExplorer=1
2. See item 4 has show-hide truncation applied with the "see more" text

Image


3. Use the pagination bar to go to page 2
4. See that item 4 still has the "see more" link, even though it is not required

Image

### 🧐 Expected behaviour
When changing pages, the truncation of cells should be re-evaluated and only shown if required

### 🚨 Urgency (low, medium or high)
medium

Contributor guide

Open the contributing guide

Research direction

Start with the linked StackBlitz reproduction in src/app.jsx and package.json, then trace the data-table's show-hide truncation behavior when its pagination changes. Reproduce the issue across pages and identify where the cell truncation state is retained; done means the "see more" link is re-evaluated and appears only when the current page's cell requires it.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.