Javascript 是否可以删除在引导中写入的表顶部的字段?
我想知道你是否可以隐藏,或者甚至起飞上层区域(显示提示/搜索)?我正在尝试,但每当我更改组件时,页脚也会消失 下面我将粘贴调用网格所在位置的代码摘录。是的,我正在使用插件Javascript 是否可以删除在引导中写入的表顶部的字段?,javascript,jquery,twitter-bootstrap,datatables,bootstrap-modal,Javascript,Jquery,Twitter Bootstrap,Datatables,Bootstrap Modal,我想知道你是否可以隐藏,或者甚至起飞上层区域(显示提示/搜索)?我正在尝试,但每当我更改组件时,页脚也会消失 下面我将粘贴调用网格所在位置的代码摘录。是的,我正在使用插件 <div id="main-wrapper"> <div class="row"> <div class="col-md-12"> <div class="panel panel-white"> <div class="pa
<div id="main-wrapper">
<div class="row">
<div class="col-md-12">
<div class="panel panel-white">
<div class="panel-heading clearfix">
</div>
<div class="panel-body">
<div class="table-responsive">
<table id="example" class="display table" style="width: 100%; cellspacing: 0;">
<thead>
<tr>
<th>
<div>Apelido do Equipamento</div>
<div><input id="input-Default" class="form-control" type="text"/></div>
</th>
<th>
<div>Categoria<br></div>
<div style="margin-bottom: 15px">
<select class="form-control m-b-sm">
<option value="Selecione">Selecione</option>
<option value="Cardio">Cardio</option>
<option value="forca">Força</option>
<option value="Funcional">Funcional</option>
<option value="Ginastica">Ginástica</option>
<option value="Aquatica">Aquática</option>
<option value="Informatica">Informática</option>
<option value="Eletronicas">Eletrônicas</option>
<option value="Outras">Outras</option>
</select></div></th>
<th><div>Equipamento</div><div style="margin-bottom: 15px"><select>
<option value="Selecione">Selecione</option>
<option value="Esteira">Esteira</option>
<option value="Escada">Escada</option>
<option value="Supino">Supino</option>
<option value="Bola">Bola</option>
</select></div></th>
<th><div style="margin-bottom: 10px">Dt. Entrada</div>
<div style="background-color: #f1f1f1; margin-top: 5px;">
<input style="background-color: #f1f1f1; width: 135px;" placeholder="De" type="search"/>
<i class="fa fa-calendar"></i></div>
<div style="background-color: #f1f1f1; margin-top: 5px;">
<input style="background-color: #f1f1f1;
width: 135px;" placeholder="Até" type="search"/>
<i class="fa fa-calendar"></i></div></th>
<th><div style="margin-bottom: 10px">Próxima Manutenção</div>
<div style="background-color: #f1f1f1; margin-top: 5px;">
<input style="background-color: #f1f1f1; width: 135px;" placeholder="De" type="search"/>
<i class="fa fa-calendar"></i></div>
<div style="background-color: #f1f1f1; margin-top: 5px;">
<input style="background-color: #f1f1f1;
width: 135px;" placeholder="Até" type="search"/>
<i class="fa fa-calendar"></i></div></th>
<th><div style="margin-bottom: 25px">Status</div><div></div><div style="margin-bottom: 15px"><select>
<option value="Selecione">Selecione</option>
<option value="Em funcionamento">Em funcionamento</option>
<option value="Em Manutenção">Em Manutenção</option>
<option value="Externo">Externo</option>
<option value="Vendido">Vendido</option>
</select></div></th>
<th>
<div></div>
<div style="margin-top: 5px"><img alt="" style="width: 80px" src="assets/images/BotaoFiltrar.png">
</div>
<div><img alt="" style="width: 80px" src="assets/images/BotaoLimpar.png">
</div>
</th>
</tr>
<tr>
<th>N°. Chamado</th>
<th>Motivo</th>
<th>Área</th>
<th>Equipamento</th>
<th>Dt. Abertura</th>
<th>Dt. Previsão</th>
<th>Dt. Conclusão</th>
<th>Status</th>
</tr>
</thead>
<tfoot>
<tr>
<th>N°. Chamado</th>
<th>Motivo</th>
<th>Área</th>
<th>Equipamento</th>
<th>Dt. Abertura</th>
<th>Dt. Previsão</th>
<th>Dt. Conclusão</th>
<th>Status</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>0000000001</td>
<td>Esteira Quebrada</td>
<td>Aeróbica</td>
<td>EST000001</td>
<td>04/09/2015</td>
<td>10/09/2015</td>
<td>-</td>
<td><span class="label label-warning">Em espera</span></td>
</tr>
<tr>
<td>0000000002</td>
<td>Esteira Quebrada</td>
<td>Aeróbica</td>
<td>EST000004</td>
<td>01/04/2015</td>
<td>30/04/2015</td>
<td>-</td>
<td><span class="label label-warning">Em espera</span></td>
</tr>
<tr>
<td>0000000003</td>
<td>Bicicleta Quebrada</td>
<td>Aeróbica</td>
<td>BIS000020</td>
<td>07/07/2015</td>
<td>01/08/2015</td>
<td>-</td>
<td><span class="label label-warning">Em espera</span></td>
</tr>
<tr>
<td>0000000002</td>
<td>Limpeza de Toilet</td>
<td>Musculação</td>
<td>VST000001</td>
<td>05/09/2015</td>
<td>05/09/2015</td>
<td>05/09/2015</td>
<td><span class="label label-success">Concluído</span></td>
</tr>
<tr>
<td>0000000003</td>
<td>Ergométrica</td>
<td>Aeróbica</td>
<td>BCL000010</td>
<td>02/09/2015</td>
<td>10/09/2015</td>
<td>-</td>
<td><span class="label label-warning">Em Andamento</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
<tr>
<td>0000000004</td>
<td>Limpeza de Caixa D'Agua</td>
<td>Predial</td>
<td>CXA0000001</td>
<td>01/09/2015</td>
<td>04/09/2015</td>
<td>-</td>
<td><span class="label label-danger">Atrasado</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div><!-- Row -->
阿皮利多设备酒店
分类
孤岛
有氧运动
福萨
功能的
金纳斯蒂卡
阿奎蒂卡
蒂卡岛
Eletrônicas
奥特拉斯
装备
孤岛
埃斯特拉
埃斯卡达
苏皮诺
博拉
Dt。恩特拉达
普罗西马·曼努滕ção
地位
孤岛
Em功能
Em Manutenço
埃克斯特诺
文迪多
N°。查马多
莫蒂沃
Área
装备
Dt。阿伯图拉
Dt。普雷维斯昂
Dt。结论
地位
N°。查马多
莫蒂沃
Área
装备
Dt。阿伯图拉
Dt。普雷维斯昂
Dt。结论
地位
0000000001
埃斯特拉·克布拉达
阿尔比卡
EST000001
04/09/2015
10/09/2015
-
埃姆埃斯佩拉
0000000002
埃斯特拉·克布拉达
阿尔比卡
EST000004
01/04/2015
30/04/2015
-
埃姆埃斯佩拉
0000000003
克布拉达双锥虫
阿尔比卡
BIS000020
07/07/2015
01/08/2015
-
埃姆埃斯佩拉
0000000002
Limpeza de厕所
ção肌
VST000001
05/09/2015
05/09/2015
05/09/2015
结语
0000000003
三角肌
阿尔比卡
BCL000010
02/09/2015
10/09/2015
-
安达门托酒店
0000000004
卡瓦德阿瓜林佩扎酒店
普雷迪尔
CXA0000001
01/09/2015
04/09/2015
-
阿特拉萨达
0000000004
卡瓦德阿瓜林佩扎酒店
普雷迪尔
CXA0000001
01/09/2015
04/09/2015
-
阿特拉萨达
0000000004
卡瓦德阿瓜林佩扎酒店
普雷迪尔
CXA0000001
01/
$('#example').dataTable( {
"searching": false,
"lengthChange": false
} );
<table id="example" data-searching="false" data-length-change="false" class="display table" style="width: 100%; cellspacing: 0;">