Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
​
    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
​
    <link href="https://cdn.datatables.net/rowgroup/1.0.2/css/rowGroup.dataTables.min.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.datatables.net/rowgroup/1.0.2/js/dataTables.rowGroup.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.js"></script>
    
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
    
    <link href="https://cdn.datatables.net/buttons/1.5.1/css/buttons.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.colVis.min.js"></script>
    <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.colVis.min.js"></script>
​
​
    
    
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
    <div class="container">
<table id="example" class="display" style="width:100%">
        <thead>
            <tr><th class="sorting" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 20.2px;" aria-label="#: Activar para ordenar la columna de manera ascendente" width="20px">#</th><th class="sorting" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 33.2px;" aria-label="Id: Activar para ordenar la columna de manera ascendente">Id</th><th class="sorting" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 153.2px;" aria-label="Sub-Menus: Activar para ordenar la columna de manera ascendente">Sub-Menus</th><th class="sorting" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 253.2px;" aria-label="Descripción: Activar para ordenar la columna de manera ascendente">Descripción</th><th class="sorting" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 85.2px;" aria-label="Módulo: Activar para ordenar la columna de manera ascendente">Módulo</th><th class="sorting sorting_asc" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 153.2px;" aria-label="Padre: Activar para ordenar la columna de manera descendente" aria-sort="ascending">Padre</th><th class="sorting" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 77.2px;" aria-label="Status: Activar para ordenar la columna de manera ascendente">Status</th><th class="sorting" tabindex="0" aria-controls="tableMenus" rowspan="1" colspan="1" style="width: 124px;" aria-label="Acciones: Activar para ordenar la columna de manera ascendente">Acciones</th></tr>
        </thead>
        <tbody>
              
          <tr class="odd">
          <td>9</td><td>4</td><td>General</td><td></td><td>Setup</td><td class="sorting_1">General</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(4)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(4)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(4)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="even"><td>10</td><td>10</td><td>Menues</td><td>Aqui se trabajan los menues</td><td>Setup</td><td class="sorting_1">General</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(10)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(10)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(10)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="odd"><td>1</td><td>5</td><td>Usuarios</td><td></td><td>Setup</td><td class="sorting_1">Menú de usuarios</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(5)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(5)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(5)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="even"><td>2</td><td>6</td><td>Roles</td><td></td><td>Setup</td><td class="sorting_1">Menú de usuarios</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(6)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(6)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(6)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="odd"><td>3</td><td>1</td><td>Menú de usuarios</td><td></td><td>Setup</td><td class="sorting_1">Menú de usuarios</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(1)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(1)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(1)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="even"><td>8</td><td>3</td><td>Reportes</td><td></td><td>Inventario</td><td class="sorting_1">Reportes</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(3)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(3)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(3)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="odd"><td>4</td><td>7</td><td>Doc. Numeración</td><td></td><td>Setup</td><td class="sorting_1">Setup Inicial</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(7)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(7)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(7)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="even"><td>5</td><td>8</td><td>Secuencia NCF</td><td></td><td>Setup</td><td class="sorting_1">Setup Inicial</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(8)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(8)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(8)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="even"><td>7</td><td>2</td><td>Setup Inicial</td><td></td><td>Setup</td><td class="sorting_1">Setup Inicial</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(2)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(2)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(2)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr><tr class="odd"><td>6</td><td>9</td><td>Backup</td><td></td><td>Setup</td><td class="sorting_1">Setup Inicial</td><td><div class="text-center"><span class="badge badge-success">Activo</span></div></td><td><div class="text-center"><button class="btn btn-info btn-sm" onclick="fntViewInfo(9)" title="Permisos"><i class="far fa-eye"></i></button> <button class="btn btn-primary btn-sm" onclick="fntEditarInfo(9)" title="Editar"><i class="fas fa-pencil-alt"></i></button> <button class="btn btn-danger btn-sm" onclick="fntDelInfo(9)" title="Eliminar"><i class="fas fa-trash-alt"></i></button></div></td></tr></tbody>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
    </table> 
    </div>
  </body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
eldeco01pro
0viewers