elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Los 10 CVE más críticos (peligrosos) de 2020


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  Data Tables fijar columna no funciona
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Data Tables fijar columna no funciona  (Leído 4,391 veces)
oscarcaronte

Desconectado Desconectado

Mensajes: 7


Ver Perfil
Data Tables fijar columna no funciona
« en: 3 Abril 2021, 11:23 am »

Hola encontré DataTables y me encanta, intento fijar la columna izquierda y la derecha pero no me funciona.

¿Qué podría estar mal?

Mi index

Código
  1.  
  2. <html>
  3. <head>
  4.  <title>Cuadrante de Visitas</title>
  5.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  6.  
  7.  <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
  8.  <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>  
  9.  
  10.  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
  11.  
  12.  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />
  13.  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  14.  <script src="https://markcell.github.io/jquery-tabledit/assets/js/tabledit.min.js"></script>
  15. </script>
  16.  
  17. <script src="https://cdn.datatables.net/fixedcolumns/3.3.2/js/dataTables.fixedColumns.min.js"></script>
  18. </head>
  19. <body>
  20.  <div class="container">
  21.   <h3 align="left">Cuadrante de Visitas</h3>
  22.   <br />
  23.   <div class="panel panel-primary">
  24.    <div class="panel-heading">Anem a més</div>
  25.    <div class="panel-body">
  26.     <div class="table-responsive">
  27.      <table id="personal" class="table table-bordered table-striped">
  28.       <thead class="fixedHeader">
  29.  
  30.        <tr>
  31.         <th>ID</th>
  32.         <th>Osdcar</th>
  33.         <th>Elexna</th>
  34.         <th>Carmden</th>
  35.                  <th>Gar</th>
  36.                    <th>Nacho</th>
  37.         <th>Prado</th>
  38.  
  39.  
  40.        </tr>
  41.       </thead>
  42.       <tbody></tbody>
  43.      </table>
  44.     </div>
  45.    </div>
  46.   </div>
  47.  </div>
  48.  <br />
  49.  <br />
  50. </body>
  51. </html>
  52.  
  53. <script type="text/javascript" language="javascript" src="script.js"></script>
  54.  
  55.  
  56.  


El script

Código
  1.  
  2.  
  3. $(document).ready(function(){
  4.  
  5. var dataTable = $('#personal').DataTable({
  6.  "language": {
  7.  "url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Spanish.json",
  8. "url": "//code.jquery.com/jquery-3.5.1.js",
  9. "url": "//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js",
  10. "url": "//cdn.datatables.net/fixedcolumns/3.3.2/js/dataTables.fixedColumns.min.js"
  11.  },
  12. "bFilter": false,
  13. "bInfo": false,
  14.  "processing" : true,
  15.  "serverSide" : true,
  16. "responsive": true,
  17. "fixedColumns": true,
  18. "paging":false,
  19.        "fixedColumns":   {
  20.            "leftColumns": 1,
  21.            "rightColumns": 1
  22.        },
  23.  "order" : [],
  24.  "ajax" : {
  25.   url:"datos.php",
  26.   type:"POST"
  27.  }
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. });
  35.  
  36. $('#personal').on('draw.dt', function(){/*`Oscar``Elena``Carmen``Ga``Nacho``Prado`*/
  37.  $('#personal').Tabledit({
  38.   url:'edicion.php',
  39.   dataType:'json',
  40.   columns:{
  41.    identifier : [0, 'idp'],
  42. editable:[[1, 'Oscar'], [2, 'Elena'], [3, 'Carmen'],[4, 'Ga'],[5, 'Nacho'],[6, 'Prado']]
  43.   },
  44.   restoreButton:false,
  45.   onSuccess:function(data, textStatus, jqXHR)
  46.   {
  47.    if(data.action == 'delete')
  48.    {
  49.     $('#' + data.idp).remove();
  50.     $('#personal').DataTable().ajax.reload();
  51.    }
  52.   }
  53.  });
  54. });
  55.  
  56. });
  57.  
  58.  
  59.  


En línea

oscarcaronte

Desconectado Desconectado

Mensajes: 7


Ver Perfil
Re: Data Tables fijar columna no funciona
« Respuesta #1 en: 4 Abril 2021, 14:39 pm »

Ayuda porfaaa he intentado de todo


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
El data grid no me funciona con ado... Como lo ago????
Programación Visual Basic
angelcont22 3 5,315 Último mensaje 28 Agosto 2009, 01:36 am
por angelcont22
Fijar columnas en ListView
.NET (C#, VB.NET, ASP)
diego_lp 4 5,747 Último mensaje 2 Abril 2011, 20:07 pm
por [D4N93R]
Fijar Capa html
Desarrollo Web
Neibar 4 2,876 Último mensaje 26 Abril 2012, 17:58 pm
por Neibar
Fijar la hora en debian
GNU/Linux
ccrunch 4 2,927 Último mensaje 7 Julio 2014, 17:13 pm
por Slava_TZD
[Resuelto] Fijar un div
Desarrollo Web
kaskull 4 2,931 Último mensaje 5 Enero 2016, 16:52 pm
por kaskull
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines