DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.9.4/css/jquery.dataTables.css">
                     <div class="row">
                        <div class="col-xs-12">
                            <div class="box box-info">
                                <div class="box-header">
                                    <h3 class="box-title">Tabela de Dados</h3>                                    
                                </div><!-- /.box-header -->
                                <div class="box-body table-responsive">
<table  id='tabelainfo'  name='tabelainfo'      class=' table table-bordered table-hover '   width=100% align="center" text-align ="center" >
<thead><tr>
<th rowspan="1" colspan="4" >Resumo</th></tr><tr><th rowspan="1" colspan="1" >Funcionários</th>
<th rowspan="1" colspan="1" >Tamanhos</th><th rowspan="1" colspan="1" >Camisetas B. Look</th>
<th rowspan="1" colspan="1" >Camisetas Tradicionais</th></tr></thead>
<tbody><tr id='corpotabela'><td align="left" data-rowspan="8" colspan="1" ><center><b>Membros: 2387</b><br/><br/> Homens:753  <br/>Mulheres:1634 <br/><br/>Socios:143<br/>Funcionarios: 2244</td><td align="left" data-rowspan="1" colspan="1" ><center>P</center> </td><td align="left" data-rowspan="1" colspan="1" ><center>242</center> </td><td align="left" data-rowspan="1" colspan="1" ><center>61</center> </td></tr><tr id='corpotabela'><td align="left" data-rowspan="1" colspan="1" ><center>M</center> </td><td align="left" data-rowspan="1" colspan="1" ><center>668 </center> </td><td align="left" data-rowspan="1" colspan="1" ><center>308</center> </td></tr><tr id='corpotabela'><td align="left" data-rowspan="1" colspan="1" ><center>G</center> </td><td align="left" data-rowspan="1" colspan="1" ><center>451</center> </td><td align="left" data-rowspan="1" colspan="1" ><center>259</center> </td></tr><tr id='corpotabela'><td align="left" data-rowspan="1" colspan="1" ><center>GG</center> </td><td align="left" data-rowspan="1" colspan="1"...

JavaScript

/**
 * @summary     DataTables
 * @description Paginate, search and sort HTML tables
 * @version     1.9.4
 * @file        jquery.dataTables.js
 * @author      Allan Jardine (www.sprymedia.co.uk)
 * @contact     www.sprymedia.co.uk/contact
 *
 * @copyright Copyright 2008-2012 Allan Jardine, all rights reserved.
 *
 * This source file is free software, under either the GPL v2 license or a
 * BSD style license, available at:
 *   http://datatables.net/license_gpl2
 *   http://datatables.net/license_bsd
 * 
 * This source file is distributed in the hope that it will be useful, but 
 * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY 
 * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
 * 
 * For details please refer to: http://www.datatables.net
 */

/*jslint evil: true, undef: true, browser: true */
/*globals $,...