Skip to main content
se añadieron 584 caracteres en el cuerpo
Origen Enlace

Para cambiar datos antes de mostrarse en la tabla, debes usar el parámetro render y una función donde puedes retornar el valor cambiado:

function listar() {
  var tablaPagos = $("#payments_table").DataTable({
    ordering:false,
    "destroy":true,
    "ajax":{
      "method":"POST",
      "url":"listar_pagos.php"
    },
    "columns":[
      {"data":"idPago"},
      {"data":"nombreCliente"},
      {"data":"numeroSubcredito"},
      {"data":"campanaProducto"},
      {"data":"tipoPago"},
      {"data":"fechaPago"},
     {"data":"montoPago",
       "render": function ( data, type, row ) {
                      console.log(data)
                      return data;"$"+data+" MXN";
                 }
      },
      {"data":"fechaRegistro"},
      {"defaultContent":"<button type='button' class='btn btn-primary none-shadow' 
onClick='eliminarPago(this)'><i class='fa fa-trash-o'></i></button>"}
    ]
  });
}

Para estilizar, puedes hacerlo por columna

"columns":[
      {"data":"idPago", "className":"my-class"},

O debuggear en opciones de desarrollador y fijarte en las clases que añade Datatable a los elementos HTML, y poner css con esas clases.

Para cambiar datos antes de mostrarse en la tabla, debes usar el parámetro render y una función donde puedes retornar el valor cambiado:

"columns":[
      {"data":"fechaPago",
       "render": function ( data, type, row ) {
                      console.log(data)
                      return data;
                 }
      }

Para estilizar, puedes hacerlo por columna

"columns":[
      {"data":"idPago", "className":"my-class"},

O debuggear en opciones de desarrollador y fijarte en las clases que añade Datatable a los elementos HTML, y poner css con esas clases.

Para cambiar datos antes de mostrarse en la tabla, debes usar el parámetro render y una función donde puedes retornar el valor cambiado:

function listar() {
  var tablaPagos = $("#payments_table").DataTable({
    ordering:false,
    "destroy":true,
    "ajax":{
      "method":"POST",
      "url":"listar_pagos.php"
    },
    "columns":[
      {"data":"idPago"},
      {"data":"nombreCliente"},
      {"data":"numeroSubcredito"},
      {"data":"campanaProducto"},
      {"data":"tipoPago"},
      {"data":"fechaPago"},
     {"data":"montoPago",
       "render": function ( data, type, row ) {
                     
                      return "$"+data+" MXN";
                 }
      },
      {"data":"fechaRegistro"},
      {"defaultContent":"<button type='button' class='btn btn-primary none-shadow' 
onClick='eliminarPago(this)'><i class='fa fa-trash-o'></i></button>"}
    ]
  });
}

Para estilizar, puedes hacerlo por columna

"columns":[
      {"data":"idPago", "className":"my-class"},

O debuggear en opciones de desarrollador y fijarte en las clases que añade Datatable a los elementos HTML, y poner css con esas clases.

se añadieron 74 caracteres en el cuerpo
Origen Enlace

For changing value before show, you should usePara cambiar datos antes de mostrarse en la tabla, parameterdebes usar el parámetro render with a functiony una función donde puedes retornar el valor cambiado:

function listar() {"columns":[
  var tablaPagos = $("#payments_table").DataTable( {
...
..."data":"fechaPago",
render       "render": function ( data, type, row ) {
                      console.log(data)
                      return data;
                 }
      }

For stylingPara estilizar, you can add className parameter inside each column:puedes hacerlo por columna

"columns":[
      {"data":"idPago", "className":"my-class"},

or debug the class thatO debuggear en opciones de desarrollador y fijarte en las clases que añade Datatable put in the html elements and writea los elementos HTML, y poner css with these classcon esas clases.

For changing value before show, you should use, parameter render with a function:

function listar() {
  var tablaPagos = $("#payments_table").DataTable({
...
...,
render: function ( data, type, row ) {
console.log(data)
        return data;
    }
}

For styling, you can add className parameter inside each column:

"columns":[
      {"data":"idPago", "className":"my-class"},

or debug the class that Datatable put in the html elements and write css with these class

Para cambiar datos antes de mostrarse en la tabla, debes usar el parámetro render y una función donde puedes retornar el valor cambiado:

"columns":[
      {"data":"fechaPago",
       "render": function ( data, type, row ) {
                      console.log(data)
                      return data;
                 }
      }

Para estilizar, puedes hacerlo por columna

"columns":[
      {"data":"idPago", "className":"my-class"},

O debuggear en opciones de desarrollador y fijarte en las clases que añade Datatable a los elementos HTML, y poner css con esas clases.

Origen Enlace

For changing value before show, you should use, parameter render with a function:

function listar() {
  var tablaPagos = $("#payments_table").DataTable({
...
...,
render: function ( data, type, row ) {
console.log(data)
        return data;
    }
}

For styling, you can add className parameter inside each column:

"columns":[
      {"data":"idPago", "className":"my-class"},

or debug the class that Datatable put in the html elements and write css with these class