Feature #18631
FE - React - Enterprise Datatable
| Status: | Closed | Start date: | 25 October 2023 | |
|---|---|---|---|---|
| Priority: | Normal | Due date: | ||
| Assignee: | Tan Jiau Yan | % Done: | 0% | |
| Category: | - | Spent time: | - | |
| Target version: | - |
Description
issue
-----
No function for this.
Expected
-----
- Need to find component for this. after research, possible could use
https://github.com/tanstack/table
- Need to install into react project try and error.
- Create share components to cater:
- lazy load
- pagination
- separate total count from ws
- loading
- multiple sorting column
- integrate ws
- checkbox
- radio
- number of record per page
- link with flexible fields
- performance
History
#1 Updated by chok yee fan 11 months ago
- File b4Table.jpeg added
- File afterTable.jpeg added
- Assignee changed from chok yee fan to Amirul Umar Pandai
issue
-----
unable to adjust table column size from caller/user
b4Table.jpeg
expected
-----
able to adjust table column size from caller/user
afterTable.jpeg
#2 Updated by Amirul Umar Pandai 11 months ago
- Assignee changed from Amirul Umar Pandai to Tan Jiau Yan
#3 Updated by chok yee fan 10 months ago
- File Screenshot 2023-12-14 at 11.05.49 AM.png added
base on the image readjust the component
#4 Updated by Tan Jiau Yan 10 months ago
- Status changed from New to Resolved
- Assignee changed from Tan Jiau Yan to chok yee fan
Jiauyan - Readjust the pagination component in data table
#5 Updated by chok yee fan 10 months ago
- Status changed from Resolved to Feedback
- Assignee changed from chok yee fan to Tan Jiau Yan
issue
----
enter invalid number of page show no record found.
expected
-----
1. control number of enter
or
2. show pagination and no record found.
#6 Updated by Tan Jiau Yan 10 months ago
- Assignee changed from Tan Jiau Yan to chok yee fan
Control number of enter for pagination in data table
#7 Updated by chok yee fan 9 months ago
chok: cciam datatable resolving use totalRowsPerPage directly instead of using pageIndex, cause not being update into pageSizeOption
#8 Updated by chok yee fan 9 months ago
chok: cciam datatable p-2 tp p-1
chok: cciam resolve the unique key prop
chok: cciam still show pagination if no record found
chok: cciam resolve the problem for datatable issue
#9 Updated by chok yee fan 9 months ago
chok: cciam datatable use isLastBtnClick to set back the lastPageIndex into datatable.
https://dev.silverlakemobility.com/gitlab/mleb-solution-domain/smesd100/mleb-iam/-/commit/3115f7c2fddc132e58c562ad0897223d2360cc3f
#10 Updated by chok yee fan 9 months ago
Chok's avatar
chok: cciam datatable solve the totalPagePerRow change, still setting lastPageIndex
#11 Updated by chok yee fan 9 months ago
chok: cciam datatable solve pageIndex not being sync with caller param. use pageNumber directly
https://dev.silverlakemobility.com/gitlab/mleb-solution-domain/smesd100/mleb-iam/-/commits/main
#12 Updated by Tan Jiau Yan 9 months ago
value of goToFirstPage pass in wrongly.
Correct way:
- if first page/1/first button, goToFirstPage=true
- if last page index/last button, goToFirstPage = false
- the rest, goToFirstPage= null
#13 Updated by chok yee fan 9 months ago
- Assignee changed from chok yee fan to Tan Jiau Yan
please write down what are the steps cause the goToFirstPage pass wrongly.
#14 Updated by Tan Jiau Yan 9 months ago
- Assignee changed from Tan Jiau Yan to chok yee fan
Steps cause the goToFirstPage pass wrongly :
W/O total count
1. First time search the page and data table display, goToFirstPage pass in correctly, goToFirstPage true.
2. Increase by using arrow / typing / next button, goToFirstPage pass in wrongly , goToFirstPage will always null until last page index.
3. Decrease by using arrow / typing to page index 1 , goToFirstPage pass in correctly, goToFirstPage true.
4. Decrease by using previous button to page index 1 , goToFirstPage pass in wrongly , goToFirstPage == null.
5. If straight click last button , goToFirstPage pass in correctly, goToFirstPage = false.
6. If straight click first button , goToFirstPage pass in correctly, goToFirstPage = true.
When page size changed without total count :
1. Although always to first page, 1 but the goToFirstPage pass in wrongly, goToFirstPage == null.
2. Increase by using arrow / typing / next button, goToFirstPage pass in wrongly, goToFirstPage will always null until last page index.
3. Decrease by using arrow / typing to page index 1 , goToFirstPage pass in correctly, goToFirstPage = true.
4. Decrease by previous button to page index 1 , goToFirstPage pass in wrongly, goToFirstPage null.
With total count :
1. Increase by using arrow / typing to last page index, goToFirstPage pass in correctly, goToFirstPage false.
2. Decrease by using arrow / typing to 1, goToFirstPage pass in correctly, , goToFirstPage true.
3. Increase by using next button to last page index , goToFirstPage pass in wrongly, goToFirstPage null.
4. Decrease by using previous button to page index 1 , goToFirstPage pass in wrongly, goToFirstPage null.
5. If straight click last button , goToFirstPage pass in correctly, goToFirstPage false.
6. If straight click first button , goToFirstPage pass in correctly, goToFirstPage true.
When page size changed with total count :
1. Although always to first page, 1 but the goToFirstPage pass in wrongly, goToFirstPage null.
2. Increase by using arrow / typing to last page index, goToFirstPage pass in correctly, goToFirstPage false.
3. Decrease by using arrow / typing to 1, goToFirstPage pass in correctly, goToFirstPage true.
4. Increase by using next button to last page index , goToFirstPage pass in wrongly, goToFirstPage null.
5. Decrease by using previous button to page index 1 , goToFirstPage pass in wrongly, goToFirstPage null.
6. If straight click last button , goToFirstPage pass in correctly, goToFirstPage false.
7. If straight click first button , goToFirstPage pass in correctly, goToFirstPage true.
#15 Updated by chok yee fan 9 months ago
- Assignee changed from chok yee fan to Tan Jiau Yan
chok: cciam handleGotoFirstPage at caller
for your retest
#16 Updated by chok yee fan 9 months ago
- Subject changed from FE - React - Enterprice Datatable to FE - React - Enterprise Datatable
#17 Updated by Tan Jiau Yan 9 months ago
- Status changed from Feedback to Closed
Working correctly after retest.