KOKINIO - MANAGER
Edit File: c126bfd3ceba246426b0ed90dc1eb0b2
<div class="pull-right"> <button onclick="Peso.tableFilter(this)" id="filter" class="btn btn-default btn-xs btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button> </div> <table id="table_peso" class="table table-hover"> <thead> <tr class="filters"> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Año" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Cliente" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Mes" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Inorganicos" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Organicos" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Sanitarios" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Total" disabled></th> </tr> </thead> <tbody> <?php if(isset($pesos)): ?> <?php foreach( $pesos as $peso ): ?> <tr> <td class="text-center"><?php echo $peso->Year; ?></td> <td class="text-center"><?php echo $peso->cliente; ?></td> <td class="text-center"><?php echo $peso->Mes; ?></td> <td class="text-center"><?php echo Helper::redondeado($peso->inorganicos,3); ?></td> <td class="text-center"><?php echo Helper::redondeado($peso->organicos,3); ?></td> <td class="text-center"><?php echo Helper::redondeado($peso->sanitarios,3); ?></td> <td class="text-center"><?php echo Helper::redondeado($peso->Total,3); ?></td> </tr> <?php endforeach; ?> <?php endif; ?> </tbody> </table> <script type="text/javascript"> $('.filterable .filters input').keyup(function(e){ /* Ignore tab key */ var code = e.keyCode || e.which; if (code == '9') return; /* Useful DOM data and selectors */ var $input = $(this), inputContent = $input.val().toLowerCase(), $panel = $input.parents('.filterable'), column = $panel.find('.filters th').index($input.parents('th')), $table = $panel.find('.table'), $rows = $table.find('tbody tr'); /* Dirtiest filter function ever ;) */ var $filteredRows = $rows.filter(function(){ var value = $(this).find('td').eq(column).text().toLowerCase(); return value.indexOf(inputContent) === -1; }); /* Clean previous no-result if exist */ $table.find('tbody .no-result').remove(); /* Show all rows, hide filtered ones (never do that outside of a demo ! xD) */ $rows.show(); $filteredRows.hide(); /* Prepend no-result row if all rows are filtered */ if ($filteredRows.length === $rows.length) { $table.find('tbody').prepend($('<tr class="no-result text-center"><td colspan="'+ $table.find('.filters th').length +'">No result found</td></tr>')); } }); </script>