Denken in React - Entwerfen einer HTML-Tabelle

Question

Ich fragte eine andere Frage hier und jemand schlug this Tutorial, also habe ich versucht, meine eigenen Komponenten zu verspotten (ignorieren Sie die zusätzlichen Elemente für jetzt, ich bin mit grundlegenden Schritten).

Das Problem, das ich habe, ist, dass, da die Daten offensichtlich eine Tabelle ist, möchte ich html-Tabellen verwenden, um mein Leben zu vereinfachen, aber ich bin nicht sicher, wie das jemals passieren würde, wenn ich eine separate OptionsHeading-Komponente. Wäre es überhaupt sinnvoll oder würde ich einfach DataRows mit unterschiedlicher Formatierung für das erste Element verwenden?

Der Unterschied ist, dass ich möchte, dass diese Spalte stationär bleibt, während alle anderen Spalten beweglich sind. Alle Reihen sind auch beweglich/sortierbar.

So konnte ich habe:

1. TableDisplay
   • CriteriaHeading
   • OptionsHeading
   • DataRow

oder vielleicht

2. TableDisplay
   • CriteriaHeading
   • DataRow

oder sogar

3. TableDisplay
   • CriteriaHeading
   • DataRow
     • OptionsHeading
     • ItemData

ich ein bisschen wie entweder Optionen 1 oder 3, aber ich bin mir nicht sicher über die, angezeigt wird.

Answer 1

Nur weil niemand sah dies an, endete ich mit 2.