Responsive Tabelle mit festen zwei linken Spalten und Header

Question

Ich habe einige Artikel zu diesem Problem gelesen, konnte es aber nicht lösen. Der größte Teil des Beispiels zeigt eine Tabelle, deren Kopfzeile aus einer Zeile besteht, und in derselben Zeit sind die Zeilen wie der Kalender eine einzelne Zeile. Meine Tabelle hat eine doppelreihige Kopfzeile, und die Zeile beginnt mit rowspan, also konnte ich nicht dafür sorgen, dass es funktioniert. Ich brauche feste erste zwei Spalten (oder nur linke Spalte) und festen Header, so dass Rest der Spalten nach rechts scrollen kann, wenn der Bildschirm verschmälert ist. Hier Tisch

<table class="responsive"> 
    <tbody>    
    <tr> 
    <th rowspan="2" scope="col">CITY</th> 
    <th rowspan="2" scope="col">YP</th> 
    <th colspan="3" scope="col">MORNING</th> 
    <th colspan="3" scope="col">MORNING</th> 
    <th colspan="3" scope="col">NIGHT</th> 
    </tr> 
    <tr> 
    <td>Temp</td> 
    <td>Sun</td> 
    <td>Wind</td> 
    <td>Temp</td> 
    <td>Sun</td> 
    <td>Wind</td> 
    <td>Temp</td> 
    <td>Sun</td> 
    <td>Wind</td> 
    </tr> 
    <tr> 
    <th rowspan="2" scope="col">Name of city 1</th> 
    <td>I</td> 
    <td>80</td> 
    <td>Y</td> 
    <td>N</td> 
    <td>90</td> 
    <td>Y</td> 
    <td>N</td> 
    <td>96</td> 
    <td>N</td> 
    <td>Y</td> 
    </tr> 
    <tr> 
    <td>II</td> 
    <td>94</td> 
    <td>Y</td> 
    <td>N</td> 
    <td>96</td> 
    <td>Y</td> 
    <td>N</td> 
    <td>98</td> 
    <td>N</td> 
    <td>Y</td> 
    </tr> 
    <th rowspan="2" scope="col">Name of city 2</th> 
    <td>I</td> 
    <td>77</td> 
    <td>N</td> 
    <td>N</td> 
    <td>80</td> 
    <td>Y</td> 
    <td>Y</td> 
    <td>88</td> 
    <td>N</td> 
    <td>Y</td> 
    </tr> 
    <tr> 
    <td>II</td> 
    <td>80</td> 
    <td>Y</td> 
    <td>Y</td> 
    <td>82</td> 
    <td>Y</td> 
    <td>Y</td> 
    <td>87</td> 
    <td>N</td> 
    <td>Y</td> 
    </tr> 
    </tbody> 
    </table> 

Ich habe versucht, mit ZURB Studio - Crafty Responsive Tabellen, aber komplexe Natur meiner Tabelle nicht Demo Beispiel überein.

Answer 1

Nach einigen langen Websites Forschung, denke ich, dass Plug-in namens RowsGroup helfen sollte. Bis jetzt habe ich kein richtiges Verfahren zur Lösung meines eigenen Tisches realisiert, aber das ist ein guter Anfang. Ich hatte die Hoffnung, dass mir jemand helfen würde, aber es scheint, dass in manchen Fällen alles Autor ist. :/