no queda anclada la columna en el body fixedColumns cuando uso ajax

no queda anclada la columna en el body fixedColumns cuando uso ajax

RhapsodoRhapsodo Posts: 1Questions: 1Answers: 0
edited October 2021 in FixedColumns

Tengo el problema cuando quiero mostrar la columna derecha anclada, solo queda anclada la cabecera de la datatabla mas no la columna del body, pero esto pasa cuando uso ajax dentro del script, pero si lo uso creando los campos desde el html si me funciona, porfavor ayudenme con eso ya que se ve mas atractiva dicha funcionalidad.

<script>
$(document).ready(function(){
  $("#datatable").DataTable({
    language: {
      "url": "./materialize/app-assets/vendors/data-tables/lang/Spanish.json"
    },
    ajax: {
      "url": "./ajax/empresaAjax.php",
      "method": 'POST',
      "data": {'accion': 'empresas_datatable'},
      "dataSrc": ''
    },
    columns: [
      {"data": "id"},
      {"data": "numeracion"},
      {"data": "documento_numero"},
      {"data": "razon_social"},
      {"data": "direccion"},
      {"data": "ubigeo_completo"},
      {"data": "sunat_usuario_secundario"},
      {"defaultContent": "<a class='yellow accent-3 btn btn-floating btn-small z-depth-2'><i class='black-text material-icons'>edit</i></a><a class='red darken-1 btn btn-floating btn-small z-depth-2'><i class='material-icons'>delete</i></a>"}
    ],
    pageLength : 5,
    lengthMenu: [[5, 10, -1], [5, 10, 'Todos']],
    columnDefs: [{
      orderable: false,
      targets: [7]
    },
    {
      targets: [ 0 ],
      visible: false,
      searchable: true
    }],
    scrollX: true,
    scrollCollapse: true,
    fixedColumns: {
      left: 0,
      right: 1
    },
    
  });

el style que uso es el siguiente para evitar que sean mas de 1 fila en la tabla

<style>
  #datatable {
    white-space: nowrap;
  }
</style>


como se observa, la columna acciones se queda anclada la cabecera mas no el cuerpo, el ajax si devuelve los datos solicitados y el problema está en que el formato de la tabla se descuadra entre la cabecera y sus datos eso tambien se debe al uso del scrollX y por otro lado el fixedcolumn en right 1 que no se muestra

Edited by Colin - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 15,118Questions: 1Answers: 2,583
    Answer ✓

    Everything looks as expected. We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

    Cheers,

    Colin

Sign In or Register to comment.