Fix table column consistency

[anicyne]

Refs: #6890

The A11y and PO reviews will only take place after all other DoD steps have been completed by the Developer:

• Meaningful pull request title for the release notes
• Pull request is linked to an issue
• All changes relate to the issue
• No TODOs or commented out code in the final commit
• Tests to protect this code implemented (if applicable)
• Manual test performed successfully (if applicable)
• Documentation or migration has been updated (if applicable)

[github-actions]

Netlify Draft Deployment
URL: https://67457e8b3344ddea1eccec81--kolibri-public-ui.netlify.app
Logs: https://app.netlify.com/sites/kolibri-public-ui/deploys/67457e8b3344ddea1eccec81

[deleonio]

Hi @sdvg, @AlexanderSchmidtCE ,

irgendwie ist der Snapshot jetzt anders ... die Tabelle ist nicht mehr leer?

Wurde das Sample gefixed oder die Component?

Müsste das nicht https://public-ui.github.io/v2/sample-react/#/table/stateless fixen?

[sdvg]

irgendwie ist der Snapshot jetzt anders ... die Tabelle ist nicht mehr leer?

Hier ist ein kleiner Abstand entstanden. Das sollte noch behoben werden.

Wurde das Sample gefixed oder die Component?

Es wurde direkt in der Tabelle gefixt. Reviewed ist die Änderung noch nicht.

Müsste das nicht public-ui.github.io/v2/sample-react#/table/stateless fixen?

Um dieses Beispiel geht es im Ticket, ja. Da wurden jetzt leere Zellen eingefügt, wo vorher keine waren.

[deleonio]

@sdvg ist das eher so, wie Du wolltest?

[sdvg]

@sdvg ist das eher so, wie Du wolltest?

Noch nicht so ganz:

Im Beispiel sind weiterhin die Spalten verschoben.

Das ließe sich lösen, indem wir eine leere Headerspalte als Platzhalter für die vertikalen Header hinzufügen.
Dies würde wie folgt aussehen:

_headerCells={{
	horizontal: [
		[
+			{ label: '', asTd: true },
			{ key: 'left', label: 'left', textAlign: 'left', sortDirection: 'ASC' },
			{ key: 'center', label: 'center', textAlign: 'center', sortDirection: 'DESC' },
			{ key: 'right', label: 'right', textAlign: 'right', sortDirection: 'NOS' },
			{ key: 'nosort', label: 'no sort option' },
		],
	],

Wenn die Tabelle korrekt befüllt ist, ist es auch nicht mehr notwendig, Daten "abzuschneiden", die über die Header-Spalten herausragen, wie gerade implementiert. Diese Logik würde ich tatsächlich lieber wieder entfernen, weil ich es im Zweifelsfall besser fände, wenn Daten und Header nicht ganz zusammenpassen, als wenn Daten entfernt werden.

Für mich wäre eine solche Fehlerbehebung direkt im Beispiel ausreichend. Wenn wir zusätzlich Probleme in der Tabelle selbst abfangen wollen, würde ich gerne noch einmal über die Details sprechen (@deleonio).

[deleonio]

@sdvg Ich glaube, hier ist aus Versehen ein Fehler passiert. v3stuff containt

[sdvg]

@sdvg Ich glaube, hier ist aus Versehen ein Fehler passiert. v3stuff containt

Danke für den Hinweis. Da war ich gestern noch auf dem falschen Branch unterwegs. Ist korrigiert.

[sdvg]

@deleonio Die Lösung ist nachvollziehbar und sieht für mich gut aus. Die neuen Unit-Tests finde ich super, die sollten auf jeden Fall helfen, die Render-Logik zu stabilisieren.

Ich habe ein paar Kleinigkeiten kommentiert, die mir unterwegs aufgefallen sind.