Ver no GitHub

Bootstrap Table Reorder Columns

Extensão Reorder Columns da tabela Bootstrap Table.

Nesta página

Dependências:

Uso

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

Exemplo

Reorder Columns

Opções

reorderableColumns

  • Atributo: data-reorderable-columns

  • Tipo: Boolean

  • Detalhe:

    Defina true para permitir o recurso de reordenação.

  • Padrão: false

dragaccept

  • Atributo: data-dragaccept

  • Tipo: String

  • Detalhe:

    Permite arrastar apenas as linhas que têm a classe CSS como atributo.

  • Padrão: null

maxMovingRows

  • Atributo: data-max-moving-rows

  • Tipo: Integer

  • Detalhe:

    Move apenas o cabeçalho. Recomendado para tabelas muito grandes (células > 1000)

  • Padrão: 10

Eventos

onReorderColumn(reorder-column.bs.table)

Disparado quando a coluna foi solta, recebe como parâmetro a nova ordem dos campos do cabeçalho.

Métodos

orderColumns

  • Parâmetros: object por exemplo: {name: 0, price: 1}

  • Detalhe:

    Reordena as colunas pelo objeto fornecido. A chave do objeto deve ser o field e o valor é o índice da coluna (começa com 0).