Versão atual:

Datatable: Alinhar actions do lado direito da tela (no lugar do search)

É possível em um datatable eu alinhar minha action (label, input e botão) do lado direito no local onde fica o campo de search?

imagem em anexo

Código da minha datatable:


var tblColaboradores = FLUIGC.datatable('#tableColaboradores', {
      mobileMainColumns: [0, 1, 2, 3, 4, 5, 6],
      dataRequest: colaboradoresJSON,
      renderContent: ".templateEdicao",
      header: [
          {'title': 'Chapa', 'size': 'col-xs-3 col-sm-1 col-md-1'}, 
          {'title': 'Nome', 'size': 'col-xs-3 col-sm-1 col-md-4'}, 
          {'title': 'Função', 'size': 'col-xs-3 col-sm-1 col-md-2'},
          {'title': '<span data-toggle="tooltip" data-placement="top" title="Horas Trabalhadas">Qtd.HT</span>', 'size': 'col-xs-3 col-sm-1 col-md-1'},
          {'title': '<span data-toggle="tooltip" data-placement="top" title="Banco de Horas">Qtd.BH</span>', 'size': 'col-xs-3 col-sm-1 col-md-1'},
          {'title': '<span data-toggle="tooltip" data-placement="top" title="Horas Extras">Qtd.HE</span>', 'size': 'col-xs-3 col-sm-1 col-md-1'},
          {'title': '<span data-toggle="tooltip" data-placement="top" title="Horas Solicitada">Qtd.HS</span>', 'size': 'col-xs-3 col-sm-1 col-md-1'}
          ],
      search: {
            enabled: false
      },
      multiSelect: true,
      actions: {
            enabled: true,
            template: '.templateBotoesAplicar', // <- aqui defino o template
            actionAreaStyle: 'col-md-8' // área ocupada
      },
      scroll: {
        target: ".target",
        enabled: false
      },
      navButtons: {
        enabled: false
      }
    }, function(err, data) {}
); // var

grid23.png

Versões (2):

Ver a versão formatada

Datatable: Alinhar actions do lado direito da tela (no lugar do search)

Comentário

new question