Classe Bootstrap com tabela filha

Bom dia, comunidade.

Estou enfrentando alguns problemas ao tentar utilizar algumas classes do Bootstrap dentro da tabela filha.

Um exemplo é o SELECT, que utilizo normalmente em meu formulário e o Fluig reconhece, porém quando insiro o mesmo código em uma tabela filha ele simplesmente não funciona mais. O item que eu seleciono não é marcado no campo.

A seguir disponibilizarei o código da minha tabela com o campo select.

<table id=itensTable border="1" tablename="itensTable"  addbuttonlabel="Adicionar Item" nodeletebutton="false" addbuttonclass="btn btn-default">
    <thead>
        <tr>
            <td style="text-align: center;"><b>Item</b></td>
            <td style="text-align: center;"><b>Explicação</b></td>
            <td style="text-align: center;"><b>Preview</b></td>
        </tr>
    </thead>
    <tr>
        <td class="form-group col-md-3">
            <select class="selectpicker show-tick" name="itens" id="itens">
                <optgroup>
                    <option title="Selecione um Item" value="vazio">Selecione um Item</option>
                </optgroup>
                  <optgroup label="Componente">
                    <option title="Componente - Checkbox" value="Checkbox">Checkbox</option>
                    <option title="Componente - Select" value="Select">Select</option>
                    <option title="Componente - Radio Button" value="RadioButton">Radio Button</option>
                    <option title="Componente - Switch Button" value="SwitchButton">Switch Button</option>
                  </optgroup>
                  <optgroup label="Campo">
                    <option title="Campo - Texto" value="Texto">Texto</option>
                    <option title="Campo - Numerico" value="Numericor">Numérico</option>
                    <option title="Campo - Data" value="Data">Data</option>
                  </optgroup>
            </select>
        </td>
        <td class="form-group col-md-4">
            <input id="explicacao" name="explicacao" type="text">
        </td>
        <td class="form-group col-md-5">
            <div id="checkbox">
                <div class="checkbox">
                    <label for="checkProcessador" class="txtCheck">
                        <input type="checkbox" value="processador" id="checkProcessador" name="checkProcessador">
                        <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                        Processador
                     </label>
                </div>
            </div>
        </td>
    </tr>
</table>

Aqui estará disponibilizado apenas o código do select, fora da tabela para mostrar que funciona perfeitamente:

<select class="selectpicker show-tick" name="motivo" id="motivo">
    <optgroup>
        <option title="Selecione um Motivo" value="vazio">Selecione um Motivo</option>
    </optgroup>
      <optgroup label="Hardware">
        <option title="Hardware - Conserto" value="hardwareConserto">Conserto</option>
        <option title="Hardware - Limpeza" value="hardwareLimpeza">Limpeza</option>
        <option title="Hardware - Upgrade" value="hardwareUpgrade">Upgrade</option>
      </optgroup>
      <optgroup label="Software">
        <option title="Software - Instalar" value="softwareInstalar">Instalar</option>
        <option title="Software - Desinstalar" value="softwareDesinstalar">Desinstalar</option>
        <option title="Software - Atualizar" value="softwareAtualizar">Atualizar</option>
      </optgroup>
</select>

Alguém já passou por esse problema e encontrou uma solução?

Atenciosamente, Leonardo.

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 select bootstrap tabela paifilho paixfilho pai-filho ou faça a sua própria pergunta.