Skip to main content

Claude/ChatGPT Prompt to Build a Fintech Transactions Table UI

Build a bank-grade fintech transactions table with faceted filters, range pickers, virtualised rows, inline editing, and CSV or PDF export, code included.

Füllen Sie die Platzhalter aus

Edit the values, then copy your finished prompt.

Ihr Prompt
prompt.txt

                                

What this prompt does

This prompt specifies a data-heavy fintech transactions table and returns working component code, not pseudocode. It asks for a virtualised table that stays smooth at your row volume with a sticky header, a faceted filter bar (date range, category multi-select, account filter, amount range, status, text search), inline category editing with optimistic update and rollback, and CSV plus PDF export that honours the active filters rather than just the visible page. Money tables are unforgiving, so the prompt locks filter and export behavior before styling.

The variables fit the table to your data. [stack] (for example, Next.js with TanStack Table and shadcn/ui) sets the implementation. [columns] defines exactly which columns render and filter — date, description, category, account, amount, status. [row_volume] drives the virtualisation strategy, because rendering 50k-plus rows smoothly is a different problem than a few hundred. The prompt also asks for a note on how the filters compose into a single query.

When to use it

  • You are building a transactions or money table that must stay fast at high row counts
  • You need faceted filters: date range, category, account, amount range, status, search
  • You want inline category editing with optimistic update and rollback on failure
  • You need CSV and PDF export that respects active filters, not just the visible page
  • You want full keyboard navigation between cells with enter-to-edit and escape-to-cancel
  • You need skeleton loading, empty, and error states plus a result count and filter chips

Example output

The model returns the table component files plus a short note on how the filters compose into a single query. The table virtualises your columns smoothly at the given row volume with a sticky header, a faceted filter bar across all the listed facets, inline category editing with optimistic update and rollback, and CSV/PDF export that respects the active filters. Keyboard navigation, skeleton loading, empty, and error states, a result count, and active-filter chips are all included.

Pro tips

  • Set [row_volume] honestly; the virtualisation approach for 50k-plus rows differs from a small table, and an underestimate produces a janky result
  • List your exact [columns] so the filters and inline editing target the right fields
  • Make export honour the active filters, not the visible page — that mismatch is the bug users report most on money tables
  • Match [stack] to your table library so the virtualisation and filter wiring are usable as-is
  • Keep the optimistic-update rollback on inline edits; a category change that silently fails erodes trust in the numbers
  • Use the active-filter chips and result count so users always know what subset they are looking at and exporting
  • Ask for the note on how filters compose into a single query, so date range, category, amount, and search combine predictably rather than fighting each other

Frequently Asked Questions

Does the export respect active filters or just the current page?
It respects the active filters. The prompt explicitly requires CSV and PDF export to honour the full filtered set, not just the visible page. That mismatch, where an export silently drops filtered rows, is the bug users report most on money tables, so the prompt locks it down.
Will the table stay fast with tens of thousands of rows?
Yes, the table is virtualised and the strategy follows whatever you set in `[row_volume]`. Set it accurately, because smoothly rendering 50k-plus rows is a different problem than a few hundred, and an underestimate can leave you with a janky scroll experience.
What happens if an inline edit fails to save?
Inline category editing uses an optimistic update with rollback on failure. The change appears immediately, but if the save fails it reverts. That rollback matters because a category change that silently fails would quietly corrupt the data users trust.
Can I change which columns the table shows and filters?
Yes, the columns come from the `[columns]` variable, such as date, description, category, account, amount, and status. The faceted filters and inline editing target those fields, so defining your real columns shapes both the table and how the filters compose into the query.
Engr Mejba Ahmed

Need this built for real?

Engr Mejba Ahmed

AI Developer · Software Engineer

I'm Mejba — I design and ship production AI systems, automations, and full-stack apps. If you want this turned into a working solution for your team, let's talk.

Mehr in Finance & Fintech UI Prompts

Engr Mejba Ahmed

Engr Mejba Ahmed

Claude Code Expert · Online

👋

Hey there!

Quick Actions

WhatsApp Instant reply

Chat on WhatsApp

+880 1723 741224 · Instant reply

Popular Questions

Engr Mejba Ahmed is connected
Engr Mejba Ahmed is typing...
Engr Mejba Ahmed avatar

✉ Want me to follow up? Drop your email

Engr Mejba Ahmed avatar

📞 Connect Directly

Choose how you'd like to reach me

WhatsApp

+880 1723 741224

Email

[email protected]

✓ Details sent! I'll get back to you shortly.

Powered by OpenAI

335+

Blog Posts

25

AI Courses

63

Projects

Services & Expertise

Pricing & Process

Learning & Resources

Connect & Support