Posted in

Tabla para contenido ordenable con JQuery

Tabla con contenido ordenable con JQuery.

En el head:

<script src="jquery/jquery-1.3.2.js"></script>    
<link href="table_sort/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="table_sort/jquery.tablesorter.js"></script> 
<script>
        $(document).ready( function(){
  $("#tablaNews").tablesorter({sortList: [[0,0]], headers: { 3:{sorter: false}, 4:{sorter: false}}}); 
        });
</script>

La Tabla:

<table id="tablaNews" class="tablesorter">
    <thead> 
    <tr> 
        <th>T&iacute;tulo</th> 
        <th>Medio</th> 
        <th>Fecha evento</th> 
        <th>Acciones</th> 
    </tr> 
    </thead> 
    <tbody>  
    <tr>
        <td><?=$listNews[$e]['titulo']?></td>
        <td><?=$listNews[$e]['medio']?></td>
        <td><?=format_data_show($listNews[$e]['fecha_evento'])?></td>
        <td>
        <img src="img/icones/fletxa_down.gif" class="OverImgs" />&nbsp;
        <img src="img/icones/fletxa_up.gif" class="OverImgs" />&nbsp;&nbsp;&nbsp;
        <a href="_GREYBOX_INCLUDES/noticias_editar.php?id=<?=$listNews[$e]['id']?>" mce_href="URL" rel="gb_page_center[650, 305]" class="btVerAlerta" style="outline:0;"><img src="img/icones/editar.gif" border="0" alt="editar" class="OverImgs" /></a>&nbsp;&nbsp;&nbsp;
        <a href="javascript:;" onclick="esborrarNoticia(<?=$listNews[$e]['id']?>)" class="btVerAlerta" style="outline:0;"><img src="img/icones/eliminar.gif" alt="eliminar" class="OverImgs" border="0" /></a>
        </td>
    </tr>
    </tbody>
</table>

descargar archivos necesarios

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *


The reCAPTCHA verification period has expired. Please reload the page.