Long text in cell is shown modified

jstuardo

Hello,

this is very curious. I have a datatable that retrieves the element from ajax.

One ajax data received by the browser is the string:

OK=1&C=1036&M=923WGA-SXCQWN-CSQMKU-6DGRQQ&timestamp=202008191018093020

However, when rendering, this is shown:

OK=1&C=1036&M=923WGA-SXCQWN-CSQMKU-6DGRQQ×tamp=202008191018093020

Why the last part of the string is shown modified?

This is the table definition. The column is called "respuesta".

`tabla = $('#comandos').DataTable({
                dom: "<'row'<'col-sm-12 col-md-4'<\"gridToolbar\">><'col-sm-12 col-md-5'l><'col-sm-12 col-md-3'<\"customSearch\">>>" +
                    "<'row'<'col-sm-12'tr>>" +
                    "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                ajax: {
                    url: myURL",
                    type: "POST",
                    data: {
                        __RequestVerificationToken: token
                    }
                },
                columns: [
                    {
                        data: function (row, type, val, meta) {
                            return '<a id="_ver" href="#" title="Ver Comando" onclick="return ver(' + row.id + ');"><i class="ti-eye"></i></a>';
                        },
                        className: "text-center",
                        orderable: false,
                        width: 30
                    },
                    { data: "id", width: 70, orderable: false },
                    { data: "usuario", width: 100 },
                    { data: "monitor", width: 110 },
                    { data: "comando", width: 110 },
                    {
                        data: function (row, type, val, meta) {
                            if (row.procesado)
                                return '<i class="fa fa-check-circle text-success" aria-hidden="true" title="Sí"></i>';
                            else
                                return '<i class="fa fa-times-circle text-danger" aria-hidden="true" title="No"></i>';
                        }, width: 100, orderable: false },
                    { data: "envio", width: 150 },
                    { data: "respuesta", width: 150 },
                    { data: "fecha", width: 110 },
                    { data: "fechaEnvio", width: 110 },
                    { data: "fechaRespuesta", width: 110 }
                ],
                processing: true,
                serverSide: true,
                colReorder: false,
                orderMulti: false,
                responsive: false,
                autoWidth: true,
                order: [8, "desc"],
                rowId: 'id',
                scrollX: true,
                columnDefs: [
                    {
                        targets: [8, 9, 10],
                        render: $.fn.dataTable.render.moment('', 'DD/MM/YYYY HH:mm:ss')
                    }
                ]
            });`

What may be causing this?

Thanks
Jaime

kthorngren

This is an HTML question. Please see this thread:
https://stackoverflow.com/questions/16834320/using-times-word-in-html-changes-to-%C3%97

Kevin