Versão atual:

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.

Versões (2):

Ver a versão formatada

Classe Bootstrap com tabela filha

Comentário

new question