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

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags datatable formulario form actions ou faça a sua própria pergunta.