Heim Web-Frontend Bootstrap-Tutorial Ist eine Bootstraptable-Sortierung möglich?

Ist eine Bootstraptable-Sortierung möglich?

Jul 11, 2019 am 11:08 AM

So sortieren Sie die Spalten von BootstrapTable.

Ist eine Bootstraptable-Sortierung möglich?

Erstellen Sie zunächst eine Tabelle, fragen Sie die Daten mit Ajax ab und sortieren Sie dann alle Spalten. Erfüllen Sie Ihre eigenen Bedürfnisse. (Empfohlenes Lernen: Bootstrap-Video-Tutorial)

data-sortable="true", dieses Attribut wird der Spalte hinzugefügt, um Sortierpfeile nach oben und unten anzuzeigen.

<div style="float: left; width: 100%;">
<div class="clearfix"></div>
<table id="dataTable" style="font-size: 12px;" data-toolbar="#timeSearch"
    data-toggle="table" 
    data-locale="zh-CN" 
    data-ajax="ajaxRequest"
    data-side-pagination="server" 
    data-striped="true"
    data-click-to-select="true" 
    data-sort-name="id"
    data-sort-order="desc" 
    data-row-style="rowStyle"
    data-pagination="true" data-pagination-first-text="首页"
    data-pagination-pre-text="上一页" data-pagination-next-text="下一页"
    data-pagination-last-text="末页" data-show-jumpto="true">
    <thead style="text-align: center;"> 
        <tr>
            <th data-radio="true"></th>
            <th data-field="id" 
                data-width="40" data-formatter="indexFormatter" data-halign="center" data-align="center">序号</th>
            <th data-field="code" data-sortable="true" data-formatter="codeFormatter" data-halign="center" data-width="280"
                data-align="center">编码</th>
            <th data-field="field1" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段1</th>
            <th data-field="field2" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段2</th>
            <th data-field="field3" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段3</th>
            <th data-field="field4" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段4</th>
        </tr>
    </thead>
</table>
</div>
Nach dem Login kopieren

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial, um mehr darüber zu erfahren!

Das obige ist der detaillierte Inhalt vonIst eine Bootstraptable-Sortierung möglich?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie bleibe ich mit den neuesten Bootstrap-Veröffentlichungen und Updates auf dem neuesten Stand? Wie bleibe ich mit den neuesten Bootstrap-Veröffentlichungen und Updates auf dem neuesten Stand? Mar 14, 2025 pm 07:40 PM

In dem Artikel werden Strategien erörtert, um mit Bootstrap -Releases auf dem Laufenden zu bleiben, auf offizielle Dokumentation, Best Practices für die Integration und die Diskussionsressourcen der Community zugreifen.

Wie kann ich das Aussehen und das Verhalten von Bootstrap -Komponenten anpassen? Wie kann ich das Aussehen und das Verhalten von Bootstrap -Komponenten anpassen? Mar 18, 2025 pm 01:06 PM

In Artikel werden das Erscheinungsbild und Verhalten von Bootstrap mithilfe von CSS -Variablen, SASS, benutzerdefinierten CSS, JavaScript und Komponentenveränderungen angepasst. Es deckt auch Best Practices für die Änderung von Stilen und die Gewährleistung der Reaktionsfähigkeit über Geräte ab.

Was sind die Schlüsselkomponenten des Bootstrap -Frameworks (Gittersystem, Typografie, Komponenten, Dienstprogramme)? Was sind die Schlüsselkomponenten des Bootstrap -Frameworks (Gittersystem, Typografie, Komponenten, Dienstprogramme)? Mar 14, 2025 pm 07:42 PM

In Artikel werden wichtige Bootstrap -Komponenten erörtert: Gittersystem, Typografie, Komponenten und Dienstprogramme. Konzentriert sich auf die Verbesserung des reaktionsschnellen Designs und die interaktive UI -Erstellung.

Wie verwende ich das Grid -System von Bootstrap, um reaktionsschnelle Layouts für verschiedene Bildschirmgrößen zu erstellen? Wie verwende ich das Grid -System von Bootstrap, um reaktionsschnelle Layouts für verschiedene Bildschirmgrößen zu erstellen? Mar 14, 2025 pm 07:43 PM

In Artikel werden mit dem Grid -System von Bootstrap für reaktionsschnelle Layouts über Geräte hinweg beschrieben, die Struktur-, Anpassungs- und Test -Tools detailliert detailliert.

Wie überschreibe ich die Stile von Bootstrap, ohne die Kernrahmendateien zu ändern? Wie überschreibe ich die Stile von Bootstrap, ohne die Kernrahmendateien zu ändern? Mar 14, 2025 pm 07:44 PM

In dem Artikel werden Methoden erörtert, um die Stile von Bootstrap mit benutzerdefinierten CSS zu überschreiben und sich auf das Erstellen separater Dateien, die Verwendung von Spezifität und Best Practices für die Organisation zu konzentrieren.

Wie mache ich Bootstrap -Websites (A11Y) zugänglich? Wie mache ich Bootstrap -Websites (A11Y) zugänglich? Mar 14, 2025 pm 07:36 PM

In dem Artikel wird erläutert, dass Bootstrap -Websites durch Einhaltung von WCAG -Standards, mithilfe semantischer HTML, sicherstellen, den richtigen Kontrast, das Aktivieren der Tastaturnavigation, die Implementierung von Aria und die Durchführung regelmäßiger Audits zugänglich sind.

Wie halte ich zur Bootstrap -Community bei? Wie halte ich zur Bootstrap -Community bei? Mar 14, 2025 pm 07:38 PM

Der Artikel beschreibt Möglichkeiten, um zum Bootstrap beizutragen, einschließlich Code -Einreichungen, Verbesserungen der Dokumentation, Fehlerberichterstattung und Engagement der Community. Es enthält detaillierte Schritte zum Senden von Pull -Anfragen und Berichterstellungsfragen.

Wo finde ich Bootstrap -Vorlagen und Themen? Wo finde ich Bootstrap -Vorlagen und Themen? Mar 14, 2025 pm 07:39 PM

Der Artikel erörtert Quellen für Bootstrap -Vorlagen und -Themen, sowohl kostenlos als auch Prämie. Es deckt die Anpassungen ab und listet seriöse Websites für Downloads auf.

See all articles