Ich habe einige Sortier- und Auswahlfunktionen für eine Tabelle entwickelt und es war sehr schwierig, mich in einer Tabelle mit Spalten zu orientieren. Ich fügte einfach die überspannten Zellen hinzu und versteckte sie. Es sieht gut aus, es funktioniert mit meinem js, ideal für die Indizierung, aber ich würde gerne wissen, ob das ein legitimer Ansatz ist.

.stuffing {
    display: none;
}

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td colspan="3">1</td>
        <td class="stuffing"></td>
        <td class="stuffing"></td>
        <td>4</td>
    </tr>
</table>

document.querySelectorAll('table tr:nth-child(1) td')[3].innerHTML // "4"
document.querySelectorAll('table tr:nth-child(2) td')[3].innerHTML // "4"

Wenn es nicht für die versteckten Zellen wäre, müsste ich auf den Wert von @ zugreif[1].

Der jQuery-Tablesorter selbst sortiert Tabellen mit Colspan nicht richtig.

Einige Tags, mit denen Personen dieses Problem leichter finden können.
Lesen Sie den "korrekten" Index der von colspan oder rowspan betroffenen Tabelle.
Finden Sie die "visuelle Position" jeder Tabellenzelle.