Auf GitHub anzeigen

Bootstrap Table Reorder Columns

Die Reorder-Columns-Erweiterung der Bootstrap Table.

Auf dieser Seite

Abhängigkeiten:

Verwendung

<link rel="stylesheet" href="dragtable.css">
<script src="jquery-ui.js"></script>
<script src="jquery.dragtable.js"></script>
<script src="extensions/reorder-columns/bootstrap-table-reorder-columns.js"></script>

Beispiel

Reorder Columns

Optionen

reorderableColumns

  • Attribut: data-reorderable-columns

  • Typ: Boolean

  • Detail:

    Setzen Sie true, um die Reorder-Funktion zu ermöglichen.

  • Standard: false

dragaccept

  • Attribut: data-dragaccept

  • Typ: String

  • Detail:

    Erlaubt das Ziehen nur der Zeilen, die die CSS-Klasse als Attribut haben.

  • Standard: null

maxMovingRows

  • Attribut: data-max-moving-rows

  • Typ: Integer

  • Detail:

    Bewegt nur den Header. Empfohlen für sehr große Tabellen (Zellen > 1000)

  • Standard: 10

Events

onReorderColumn(reorder-column.bs.table)

Wird ausgelöst, wenn die Spalte fallen gelassen wurde, empfängt als Parameter die neue Reihenfolge der Header-Felder.

Methoden

orderColumns

  • Parameter: object z. B. {name: 0, price: 1}

  • Detail:

    Sortiert die Spalten nach dem gegebenen Objekt um. Der Objekt-Schlüssel muss das field sein und der Wert ist der Spaltenindex (beginnt mit 0).