Problemas con ScrollerX

Jdavid198

hola mi problema es que tengo una tabla que tiene un pie de pagina que cuando activo mi scrollerX la tabla se distorsiona no se que se puede hacer para que no se distorsione estoy usando angular.

public ConfigDataTable() {
    this.lenguajeTable = {
      "search": "Buscar:", "regex": new RegExp("^[a-zA-Z0-9]+$"),
      "paginate": {
          "first": "Primero",
          "last": "Último",
          "next": "Siguiente",
          "previous": "Anterior"
      },
      "emptyTable": "Datos no encontrados",
      "info": "Mostrando _START_ a  _END_ de _TOTAL_ Datos",
      "lengthMenu": "Cargados _MENU_ Datos",
      "zeroRecords": "No se encontraron resultados",
      "infoEmpty": "Mostrando 0  de _MAX_ Datos",
      "infoFiltered": "(filtrado entre _MAX_ total de Datos)"
  
    };

    this.lengthMenu = [
      [1000, 2500, 5000, -1],
      [1000, 2500, 5000, "Todos"]
    ];

    this.configDataTable = {
      search: "Buscar:", "regex": new RegExp("^[a-zA-Z]+(\s*[a-zA-Z]*)*[a-zA-Z]+$"),
      pagingType: 'full_numbers',
      language: this.lenguajeTable,
      lengthMenu: this.lengthMenu,
      dom: 'Bfrtip',
      stateSave: false,
      scrollX: false,
      buttons: [
        {
          extend: 'colvis',
          text: 'Seleccionar Columnas',
        },
        {
          extend: 'columnVisibility',
          text: 'Mostrar Todo',
          visibility: true,
          postfixButtons: [ 'colvisRestore' ]
      }
      ]
    }

    return this.configDataTable;
  } 

ts

this.dtOptions = this.serviceB.ConfigDataTable();

html

<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger"
                  class="table datatable table-sm table-bordered table-hover datatable-table display responsive nowrap rounded animated fadeIn" cellspacing="0" width="100%">

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

colin

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