Beställ tio poster per sida, en bestämd ordning och vad Nästa och Föregående ska göra. Prova sedan med 23 påhittade poster vars ID du känner. Tre snygga sidor är inte tillräckligt: det sammanlagda framåtpasset ska innehålla exakt rätt 23 ID, utan luckor eller upprepningar.
Bestäm vad en sida betyder
Paginering i appen betyder här att en lång lista delas upp i sidor. Med 23 poster och tio per sida ska första sidan visa tio, andra tio och sista tre. Användaren ska kunna gå framåt och tillbaka utan att fundera över om nästa klick visar ett nytt urval eller fortsättningen på samma lista.
Välj Föregående och Nästa för provet i den här artikeln. Det ger tydliga gränser att kontrollera. En knapp märkt Visa fler innebär ett annat gränssnitt: tidigare poster ligger kvar och de nya läggs till. Beställer du det senare måste även återgång och bevarad position beskrivas. Blanda inte de två beteendena i samma beställning.
Sidstorlek och sortering är två skilda beslut. Supabases dokumentation om intervall beskriver att ett begränsat resultat följer frågans ordning och varnar för oväntat beteende utan angiven sortering. Dokumentationen om sortering beskriver ordning efter ett eller flera fält. Det är bakgrund till kraven, inte ett bevis för att din app redan uppfyller dem.
I provet väljer du stigande ID: 01 före 02 och 02 före 03. Det gör facit lätt att läsa. I en riktig app kanske du vill ha senaste datum först. Beställ då också vilken ordning poster med samma datum ska ha. Hur utvecklaren bygger en stabil ordning och hanterar ändringar mellan hämtningar hör till fördjupningen om stabil cursorpaginering.
Kopiera beställningen och byt ut listans namn
Texten nedan beställer ett avgränsat beteende för listan, inte en ombyggnad av appen. Det följer Lovables råd om precisa gränssnittselement och avgränsade ändringar. Råden ersätter inte användarprovet. Be byggaren förklara planen först och gör sedan provet i den färdiga vyn.
Ändra bara listan med [poster]. Behåll befintlig design och behörighet. Använd Föregående och Nästa, inte Visa fler. Visa högst 10 poster per sida. Sortera efter ID stigande i provet. Visa varje posts ID så att jag kan jämföra med facit. Visa intervallet och antalet matchande poster, exempelvis ”Visar 11–20 av 23”. Markera Föregående som inaktiv på första sidan och Nästa som inaktiv på sista sidan. Sökning och filter ska gälla hela det tillgängliga datasetet, inte bara de tio poster som visas. Behåll sökord, filter och sortering när jag går mellan sidor. Byter jag sökord, filter eller sortering ska listan börja på första sidan i det nya urvalet. Antal och intervall ska avse det urvalet. Medan nästa sida laddas: behåll den befintliga listan, visa ”Laddar nästa sida” och hindra upprepade sidbyten. Uppdatera sidans intervall först när rätt resultat kan visas. Om hämtningen misslyckas: behåll listan och det gamla intervallet, visa felet och erbjud Försök igen för samma sida. Ett sent svar från ett gammalt filter får inte ersätta det senast valda urvalet. Noll träffar ska visa ”Inga poster matchar” och Rensa filter. Det ska inte visas som ett laddningsfel eller som en vanlig sista sida med poster. Rensa ska återställa hela listan på första sidan med den valda sorteringen. Beskriv planen utan kod innan du bygger. Använd de 23 fiktiva posterna och facit i mitt prov nedan. Ändra eller lägg inte till poster medan jag provar.
Antalet 23 hör till provet. En verklig lista kan behöva ett annat sätt att visa mängden, exempelvis när ett exakt antal inte finns tillgängligt. Beställ då ett ärligt besked om vad appen känner till och ändra motsvarande prov. En siffra som ser exakt ut ska inte vara byggarens gissning.
Skapa 23 poster med synliga ID
Gör provet i en avskild lista med påhittade uppgifter. Skapa ID 01 till 23 och ge dem namnen Prov 01 till Prov 23. Lägg till fältet Grupp: udda ID får A och jämna ID får B. Det ger tolv A-poster och elva B-poster. Ingen post får C. Det här är redaktionella provdata, inte ett resultat från en undersökt app.
Be byggaren läsa tillbaka vilka poster som skapades, men kontrollera även själv att startlistan har just dessa ID. Ett felaktigt startmaterial gör resten av provet svårtolkat. Håll datasetet stilla: ingen lägger till, tar bort eller redigerar poster under genomgången. Då går en avvikelse att jämföra med ett bestämt facit.
Skriv först upp de tre ofiltrerade sidorna på ett papper: 01–10, 11–20 och 21–23. Notera sedan appens verkliga ID efter varje klick. Att bara räkna till tio räcker inte: en sida kan ha tio rader och ändå upprepa ID 10 och utelämna ID 11.
Gå framåt, tillbaka och byt filter
Tabellen visar det förväntade beteendet för beställningen. Alla intervall i facit är inkluderande. Skriv godkänt först efter att du har jämfört både ID, ordning, antal och knappar. Här redovisas inga egna körningar i en app.
| Steg | Gör så här | Facit |
|---|---|---|
| 1 | Öppna listan utan filter, ID stigande. | ID 01–10. Visar 1–10 av 23. Föregående inaktiv. |
| 2 | Tryck Nästa en gång. | ID 11–20. Visar 11–20 av 23. Båda knapparna aktiva. |
| 3 | Tryck Nästa igen. | ID 21, 22, 23. Visar 21–23 av 23. Nästa inaktiv. |
| 4 | Tryck Föregående. | Exakt ID 11–20 i samma ordning som steg 2. |
| 5 | Välj Grupp A från den andra sidan. | Första filtersidan: 01, 03, 05, 07, 09, 11, 13, 15, 17, 19. Visar 1–10 av 12. |
| 6 | Tryck Nästa med A kvar. | ID 21, 23. Visar 11–12 av 12. Nästa inaktiv, A fortfarande valt. |
| 7 | Byt till Grupp B från sista A-sidan. | ID 02, 04, 06, 08, 10, 12, 14, 16, 18, 20. Visar 1–10 av 11. |
| 8 | Tryck Nästa med B kvar. | Bara ID 22. Visar 11–11 av 11. Nästa inaktiv. |
| 9 | Välj Grupp C, sedan Rensa filter. | Först Inga poster matchar. Efter rensning: ID 01–10 och 23 totalt. |
| 10 | Gå till sida två och byt till ID fallande. | Första sidan börjar om med 23–14. Nästa visar 13–04, sista visar 03, 02, 01. |
Steg 5 prövar mer än ett synligt filter. A-urvalets första sida innehåller ID 11 till 19, som inte ligger på den ofiltrerade första sidan. Därför kan det avslöja om appen bara filtrerar de tio redan visade raderna. Steg 7 avslöjar om den gamla sidpositionen följer med till ett nytt urval och gömmer dess början.
Har appen en sökruta, upprepa sidbytet med ett sökord vars träffar du redan känner. Behåll den överenskomna sökmatchningen från artikeln om sök och filter. Här ska du kontrollera att samma sökord och dess fullständiga urval följer med till nästa sida, inte beställa nya regler för stavning eller del av ord.
Kontrollera hela framåtpasset, inte bara sidgränsen
Samla ID från steg 1, 2 och 3 i en följd. Den ska vara exakt 01 till 23 i stigande ordning. Räkna både totala antalet ID och antalet olika ID: båda ska vara 23. Jämför dessutom mot facit. Två antal som stämmer kan annars dölja att en felaktig post ersatt en förväntad.
Räkna återbesöket i steg 4 separat. Att ID 11 visas igen när du går tillbaka är önskat beteende, inte en dubblett i framåtpasset. Gör motsvarande separata jämförelse för A och B: deras sammanlagda framåtpass ska innehålla tolv respektive elva ID enligt facit, med varje ID en gång.
Vid fel, lämna en konkret rättningsbeställning: ”På andra sidan visas ID 10 igen och ID 20 saknas. Första sidan var 01–10. Förväntat på andra sidan är 11–20. Behåll övriga regler och rätta sidbytet.” Kör sedan om hela tabellen. En rättning vid första sidgränsen säger inget om filterbytet i steg 7.
Skilj sista sidan från väntan, fel och noll träffar
På sista sidan finns här tre giltiga poster och en inaktiv Nästa-knapp. Vid noll träffar finns inga matchande poster och en väg att rensa urvalet. Mer om den senare vyn finns i artikeln om appens tomma lägen. Lovables promptguide tar också upp tomt innehåll, laddning och fel som tillstånd att planera för; beställningen gör dem till separata krav.
Be byggaren visa hur du kan prova långsam hämtning och ett misslyckat sidbyte med samma provlista. Vid väntan ska dubbelklick inte hoppa över en sida. Vid fel ska den gamla listan och intervallet finnas kvar, och Försök igen ska försöka hämta den avsedda sidan. Byt sedan filter medan ett svar dröjer och kontrollera att det nya urvalet ligger kvar när väntan är över. Kan dessa lägen inte framkallas är just de proven fortfarande oprövade.
Spara datum, appversion, observerade ID och avvikelser tillsammans med facit. Godkänt betyder att den här stilla listan och de här övergångarna stämde. Det säger inget om vad som händer när andra användare ändrar poster mellan två klick. Ta det fortsatta kravet till den tekniska fördjupningen innan listan används så.
FAQ
Hur många poster per sida ska jag beställa?
I provet används tio poster per sida för att 23 poster ska ge tre tydliga sidor. Välj sidstorlek för din egen lista och räkna om facit om du ändrar den.
Vad ska hända när jag byter filter på sista sidan?
Beställningen här börjar på första sidan i det nya urvalet. Antal och intervall ska avse det urvalet, medan det valda filtret följer med vid nästa sidbyte.
Hur upptäcker jag dubbletter mellan sidor?
Samla ID från ett framåtpass och jämför hela följden med facit. I det ofiltrerade provet ska både antalet ID och antalet olika ID vara 23. Räkna återbesök separat.
Visar provet att listan fungerar när andra ändrar poster?
Nej. Datasetet hålls stilla under det här provet. Ändringar mellan hämtningar behöver ett separat tekniskt prov.
Källor
Primärkällor kontrollerade 28 okt 2026. Beställning och acceptansprov är redaktionella metodförslag.