Múltiplos DataTable's em uma página
Iae galera, estou com uma dúvida, no meu projeto eu implementei o "DataTable", já configurei ele de acordo com o bootstrap para melhorar o visual e tudo mais, funcionar o campo "search", na página há 4 tabelas, só uma funciona 100%, eu sei que tem como funcionar todas, me ajudem por favor ;-;
Página PHP(parcial):
<script src="js/div.js"></script>
<div class="page-content">
<div class="row">
<div class="col-md-10">
<div class="tab-content">
<div class="tab-pane" id="tab3">
<div class="content-box-large">
<div class="panel-heading">
<div class="panel-title">Ordem de Serviço</div>
</div>
<div class="panel-body">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
<thead>
<tr>
<th>Código</th>
<th>Abertura</th>
<th>Solicitante</th>
<th>Matrícula</th>
</tr>
</thead>
<tbody>
<?php
$consultar_os = "SELECT * FROM `$tabela_ordem`";
$resultado_consultar_os = mysql_query($consultar_os);
$quantidade_resultado_os = mysql_num_rows($resultado_consultar_os);
for($i = 0;$i < $quantidade_resultado_os; $i++)
{
$vetor_os = mysql_fetch_array($resultado_consultar_os);
?>
<tr class="gradeA">
<td><button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalOS<?php echo $vetor_os['codigo'];?>"><?php echo $vetor_os['codigo']; ?></button></td>
<td><input class="form-control" type="text" name="c_nome" value="<?php echo $vetor_os['data_abertura']; ?>"></td>
<td class="center"><input class="form-control" type="text" name="c_email" value="<?php echo $vetor_os['solicitante']; ?>"></td>
<td class="center"><input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['situacao']; ?>"></td>
</tr>
<div class="modal fade" id="myModalOS<?php echo $vetor_os['codigo'];?>" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<form action="web/acoes.php" method="post">
<input type="hidden" name="confirma" value="7">
<input type="hidden" name="c_cod_os" value="<?php echo $vetor_os['codigo'];?>">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">#<?php echo $vetor_os['codigo'];?></h4>
</div>
<div class="modal-body">
<p>Data Abertura:<input class="form-control" type="text" name="c_nome" value="<?php echo $vetor_os['data_abertura']; ?>"></p>
<p>Data Conclusão:<input class="form-control" type="text" name="c_usuario" value="<?php echo $vetor_os['data_conclusao']; ?>"></p>
<p>Digitador:<input class="form-control" type="text" name="c_email" value="<?php echo $vetor_os['cod_digitador']; ?>"></p>
<p>Solicitante:<input class="form-control" type="text" name="c_email" value="<?php echo $vetor_os['solicitante']; ?>"></p>
<p>Centro de Custo:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['cod_centro_custo']; ?>"></p>
<p>Área Serviço:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['area_servico']; ?>"></p>
<p>Descrição:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['descricao']; ?>"></p>
<p>Local:<input class="form-control" type="text" name="c_matricula" value="<?php echo $vetor_os['local']; ?>"></p>
<p>Situacao:
<select class="form-control" id="select-1" name="c_cargo">
<?php
if($vetor_os['situacao'] == 1)
{
?>
<option value="1">Revisão</option>
<option value="2">Aguardando Atendimento</option>
<option value="3">Solucionado</option>
<?php
}
?>
</select>
</p>
<p>Situação:
<select class="form-control" id="select-1" name="c_situacao">
<?php
if($vetor_usuario['situacao'] == 1)
{
?>
<option value="1">Atualizada</option>
<option value="2">Padrão</option>
<?php
}
else
{
?>
<option value="2">Padrão</option>
<option value="1">Atualizada</option>
<?php
}
?>
</select>
</p>
<center>
<button type="submit" name="button" value="1" class="btn btn-danger btn-sm">Excluir</button>
<button type="submit" name="button" value="2" class="btn btn-success btn-sm">Alterar</button>
</center.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</form>
</div>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
<div class="tab-pane" id="tab5">
<div class="content-box-large">
<div class="panel-heading">
<div class="panel-title">Unidade</div>
</div>
<div class="panel-body">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
<thead>
<tr>
<th>Código</th>
<th>Unidade</th>
<th>Ação</th>
</tr>
</thead>
<tbody>
<?php
$consultar_unidade = "SELECT * FROM `$tabela_unidade`";
$resultado_consultar_unidade = mysql_query($consultar_unidade);
$quantidade_resultado_unidade = mysql_num_rows($resultado_consultar_unidade);
for($i = 0;$i < $quantidade_resultado_unidade; $i++)
{
$vetor_unidade = mysql_fetch_array($resultado_consultar_unidade);
?>
<form action="web/acoes.php" method="post">
<tr class="gradeA">
<input type="hidden" name="confirma" value="6">
<td><input class="form-control" type="text" name="c_cod" value="<?php echo $vetor_unidade['codigo']; ?>" readonly></td>
<td><input class="form-control" type="text" name="c_nome" value="<?php echo $vetor_unidade['unidade']; ?>"></td>
<td class="center">
<button type="submit" name="button" value="1" class="btn btn-danger btn-xs">Excluir</button>
<button type="submit" name="button" value="2" class="btn btn-success btn-xs">Alterar</button>
</td>
</tr>
<?php
}
?>
</form>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Arquivo JS:
$(document).ready(function() {
$('#example').DataTable();
} );Discussão (0)
Carregando comentários...