Ich habe eine Tabelle, die eine große Anzahl von Zeilen und Spalten hat. Ich möchte aber die Überschrift und die erste Spalte korrigieren. Hier ist ein Bild von dem, was ich brauche.

Nur der rosa Teil muss horizontal und vertikal gescrollt werden, während die anderen Teile sichtbar bleiben. Mein Tisch ist in einem div. Soll ich zuerst einen oder vier Tische verwenden (den blauen, den roten, den grünen und den rosa)?

Ich habe diese Geige geschrieben:

http://jsfiddle.net/5XWqj/1/

Ich habe zuerst versucht, den Header zu reparieren, aber ich war nicht erfolgreich

#container thead {
    position: fixed;
    top: 0;
}

und so etwas, um die erste Spalte auszuwählen und zu korrigieren

#container tbody tr td:first-child {
    position: fixed;
    left: 0;
}

Aber es geht nicht um die Div, die meinen Tisch einwickeln. Vielleicht brauche ich etwas jQuery oder JavaScript?

Wenn jemand helfen könnte.