2016-04-04 26 views
0

ile uyumlu tablo Bu sorun hakkında bazı makaleler okudum ancak çözemedim. Örneğin çoğu, başlığın bir satırdan oluştuğu tabloyu gösterir ve aynı zamanda satırlar takvim gibi tek satırdır. Masamın çift sıralı üstbilgisi ve rowspan ile satır başı var, bu yüzden işe yaramayacaktım. İlk iki sütunu (veya sadece sol sütunu) ve sabit başlığı düzeltmem gerekiyor, bu yüzden ekran daraltılırsa sütunların geri kalanı sağa kaydırılabilir. Kurnaz Duyarlı Tablolar ama demo örnek uymuyor benim tablonun karmaşık doğası - İşte tabloSabit iki sol sütun ve başlık

<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> 

Ben Zurb Studio ile çalıştı olduğunu.

enter image description here

+0

Kimse? Basit bir ipucu değil mi? Inanılmaz. –

+0

Çalışan bir keman yapabilir misiniz? Bunun zaten duyarlı olması gerektiğini düşünüyorum. –

cevap

0

bazı uzun web siteleri araştırma sonra eklenti denilen RowsGroup yardımcı olması gerektiğine inanıyoruz. Şimdiye kadar kendi masamı çözmek için doğru prosedürü fark etmedim ama bu güzel bir başlangıç. Birinin bana yardım edeceğine dair umudum vardı ama bazı durumlarda her şeyin soru yazarı olduğu anlaşılıyor. :/

İlgili konular