Usando Resposive 2.4, solo la primera fila de la tabla, toma un colspan +

Usando Resposive 2.4, solo la primera fila de la tabla, toma un colspan +

HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem:

Replies

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    Disculpen mi ignorancia soy nuevo aqui, de antemano les comento, buen trabajo el de todo el equipo de datatables, quisiera comentar un problema, y es que mi tabla toma un error de calculo al parecer cuando inicializa, estoy usando responsive 2.4, lo que hace es dependiendo el contenido de la tabl y cierto ancho de la pagina, solo le pone a la primera fila un colspan, como si detectara que necesita poner el primer registro al margen de la tabla mientras que, los demas si funcionan, estare pendiente de su respuesta feliz tarde.

    caso prueba = https://live.datatables.net/kikixexo/1/

    HellFramco.

  • kthorngrenkthorngren Posts: 21,330Questions: 26Answers: 4,951

    Your test case is generating this error:

    DataTables warning: table id=example - Invalid JSON response. For more information about this error, please see http://datatables.net/tn/1

    Also look at the browser's console and you will see this error:

    caught TypeError: Cannot set properties of null (setting 'data')

    You enabled serverSide: true, but there is no ajax configuration. I commented out serverSide: true, and now Responsive seems to work:
    https://live.datatables.net/gotutidu/1/edit

    Are you using ajax? This is needed for server side processing. Do you need server side processing? See server side processing docs and this [FAQ}(https://datatables.net/faqs/index#speed).

    You can get a server side processing test case template from here:
    https://datatables.net/manual/tech-notes/9#Server-side-processing

    Kevin

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    Efectivamente, necesito cargar la informacion desde serverside, el dilema, es que al cargar los datos desde la configuracion del ajax, se desfaza la primera fila. Ya consumo los datos desde el servidor pero consigo, implementar la funcion al caso de uso. ya genere un especie de api para la respuesta dentro de un apuntador pero no consigo la funcionalidad de la configuracion del ajax, de antemano muchas gracias por el tiempo empleado.

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    ya tengo el json por aparte, que es la respuesta del api donde o como puedo vincularlo, el problema es que desde donde accede no tiene SSL
    De antemano muchas gracias.

    HellFramco.

  • kthorngrenkthorngren Posts: 21,330Questions: 26Answers: 4,951
    edited May 2023

    I updated your example to use the Datatables JS BIN server side processing URL:
    https://live.datatables.net/kikixexo/2/edit

    It still seems to work.

    I need to load the information from serverside, the dilemma is that when loading the data from the ajax configuration, the first row is offset.

    I'm not sure what you mean by offset. Is the first row offset because of something you are doing? Can you recreate the offest row with my updated example? Can you post a screenshoot of the problem?

    Do you get errors in your browser's console?

    Kevin

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    Hola Kevin, no recivo errores de consola,
    esto es lo que pasa, si te fijas en la tabla, ella en la primer fila de la primer casilla toma un ancho total de la tabla,

    aqui en la distribucion de tbody es la unica que le asigna un colspan equivalente, al numero de encabezado

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    no tengo nada, de funciones solo muestro datos pero el primer registro solo se configura como si detectara que estuviese en un celular para mostrar solo la primer casilla y tampoco, esconde las demas pero de la fila numero 2, en adelante no presenta este error

    Saludos y Gracias por el tiempo que dedica a este tema.

    HellFramco.

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    Sobre el ejemplo caso que intentamos aqui, al parecer al darle click en ver mas no dezpliega los otros datos de las culumnas, creo que hay algo alli que se nos escapa

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    Estoy trabajando a ver si consigo, atempar el ejemplo que editaste, al caso en cuestion.

    Nuevamente Muchas Gracias.

  • kthorngrenkthorngren Posts: 21,330Questions: 26Answers: 4,951

    Sobre el ejemplo caso que intentamos aqui, al parecer al darle click en ver mas no dezpliega los otros datos de las culumnas, creo que hay algo alli que se nos escapa
    About the example case we tried here, it seems that when you click on see more it doesn't display the other data of the columns, I think there is something there that escapes us.

    When clicking the following error occurs:

    53:69 Uncaught TypeError: col.data.split is not a function

    The problem is with this statement in responsive.details.renderer:

    var content = col.data.split("<script>");
    

    I suspect the error occurs due to the data in the column, which is a number.

    For testing try removing your responsive.details.renderer to see if the default display works.

    Kevin

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    Buenos dias Kevin, estuve trabajando en el ejemplo, el ejemplo funciona de maravilla pero en mi sistema no, no consegui replicar el problema, me tome la tarea de revisar hasta las librerias, sin exito alguno, creo que no podre resolver este problema, ya que no me es posible replicarlo.
    Caso Prueba = https://live.datatables.net/kikixexo/4/edit

    De antemano Muchas Gracias

    HellFramco.

  • HellFramcoHellFramco Posts: 10Questions: 0Answers: 0

    Buenas tardes, siguiendo el problema que tenia, me puse en la tarea de depurar codigo, y encontre el inconveniente, resulta quje en el archivo "datatables.js",
    version =
    /*
    * This combined file was created by the DataTables downloader builder:
    * https://datatables.net/download
    *
    * To rebuild or modify this file with the latest versions of the included
    * software please visit:
    * https://datatables.net/download/#bs4/jq-3.6.0/jszip-2.5.0/pdfmake-0.1.36/dt-1.12.1/af-2.4.0/b-2.2.3/b-colvis-2.2.3/b-html5-2.2.3/b-print-2.2.3/date-1.1.2/fc-4.1.0/fh-3.2.4/r-2.3.0/sc-2.0.7/sb-1.3.4/sp-2.0.2/sl-1.4.0
    *
    * Included libraries:
    * jQuery 3 3.6.0, JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.12.1, AutoFill 2.4.0, Buttons 2.2.3, Column visibility 2.2.3, HTML5 export 2.2.3, Print view 2.2.3, DateTime 1.1.2, FixedColumns 4.1.0, FixedHeader 3.2.4, Responsive 2.3.0, Scroller 2.0.7, SearchBuilder 1.3.4, SearchPanes 2.0.2, Select 1.4.0
    */

    en la linea 96239

    // If no records, update the "No records" display element if ( dt.page.info().recordsDisplay === 0 ) { //console.log(dt.page.info()); //$('td', dt.table().body()).eq(0).attr('colspan', visible); }
    causa una redundacia de datos, pues tambien en el archivo RESPONSIVE, existe la mmisma función, lo que hace es por gerarquia, tomar esta como mas importante se podria decir, y la del archivo responsive.js no, entonces antes de inicializar la tabla responde "dt.page.info().recordsDisplay = 0", por lo que considera que es necesario ponerle un colspan del ancho total de la tabla, y descuadrar solo el primer registro cuando en realidad la tabla si esta trallendo los resultados, queria comentarlo por si alguien tambien tiene este problema, de todos modos muchas gracias a todo el equipo de Datatables, y sus colaboradores, el tiempo invertido en esta maravillosa herramienta de tablas, feliz resto de tarde.

    HellFramco.

Sign In or Register to comment.