Ändern Sie die Tabellenüberschrift mit Zeilen auf der Größe

Ich bin kein guter Designer, bitte tragen Sie mit diesen Abbildungen.Ändern Sie die Tabellenüberschrift mit Zeilen auf der Größe

Ich habe Tabelle so etwas wie dieses

aber wenn wir die Größe oder auf mobilen Bildschirmen, sollte Tabelle ändern in:

Bitte führen

Quelle

2016-06-02 Rahul

Haben Sie Code seine schwer bist du alles versuchen ??? –

Ja @GuruprasadRao, eigentlich weiß ich nur, wie man die reaktionsschnelle Tabelle mit einigen Scroll-Funktionen etc. implementiert, weiß aber nicht, wie man diese Funktion implementiert. Ich bin neu Bootstrap – Rahul

Dies sind die Bootstrap-Klassen, die Sie zu jeder Ihrer Tabellenzeilen hinzufügen müssen, um auf Mobilgeräten das gewünschte Layout zu generieren. Sie müssen sicherstellen, dass Sie die richtigen bootstrap js und CSS-Dateien dafür haben, damit dies funktioniert. Sie können diese von der Bootstrap-Website sowie Tutorials, wie das Bootstrap-Grid funktioniert.

<table class="row"> 
    <td class="col-xs-6"></td > 
    <td class="col-xs-6"></td > 
    <td class="col-xs-6"></td > 
    <td class="col-xs-6"></td > 
    <td class="col-xs-6"></td > 
    <td class="col-xs-6"></td > 
    <td class="col-xs-12"></td > 
    <td class="col-xs-12"></td > 
</table>

Dies ist nur ein kleines Beispiel für die Art von Code, sondern eine richtige Idee erforderlich wäre, ohne zu sehen,

zu bekommen

Quelle

2016-06-02 14:17:54 Smithy

Ich habe die Klassen angegeben, die Sie gesagt haben, aber auf Größe, es funktioniert nicht – Rahul

Haben Sie eine Klasse Zeile, die die ganze Tabelle einkapselt? Bearbeitete Antwort, um das zu zeigen – Smithy

Dank Smithy, aber das hat nicht funktioniert, ich habe ngResposiveCss verwendet, aber ich habe ein Problem damit. Könnten Sie bitte diese Frage https://stackoverflow.com/questions/37674121/responsive-table-but-need-to-edit-few-rows-style-on-resize überprüfen – Rahul

Ändern Sie die Tabellenüberschrift mit Zeilen auf der Größe

Antwort

Verwandte Themen