FlowFuse / FlowFuse/flowfuse

Table issues (Filtering, sorting and pagination)

Open
#1,160 3 comments 0 reactions 0 assignees View on GitHub
area:frontend size:M
Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 21h
Merged PRs (30d)
146

Description

### Current Behavior

* table empties and reloads with every character typed
* when clicking more at the bottom of the table the last entry is shown but the morebutton is still visible & then disappears after 1 more click.
* sorting is client side only (e.g. sorting by name does not reveal the last user Zumba Zulu)

See this comment for more background: https://github.com/flowforge/flowforge/issues/1065#issuecomment-1293357984

### Expected Behavior

* filtering should have a delay after typing (typically 300ms) to avoid flicker.
* table should not be cleared (ideally) when retrieving filtered data (causes flicker)
* when the last entry is shown, the more button should not be visible
* sorting should take into account server side data & show first/last entry in DB not in clients table

### Steps To Reproduce

* add 100 or so users (quick generate users script in [this comment](https://github.com/flowforge/flowforge/issues/1065#issuecomment-1293357984))
* sort users by name
* the last entry shown is only the client side items
* try typing in search, table can be seen to empty and refill each time (flickering)
* try clicking more until `Zumba Zulu` is show - note the more button is still show.
* click the more button one more time - no more records are retrieved but and the button disapears

### Environment

- FlowForge version: 1.0
- Node.js version: 16
- Platform/OS: windows
- Browser: chrome

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.