InsideDarkWeb.com

agregar estilos para los archivos PDF que se descargan por JQUERY DATATABLES

tengo un problema al generar un archivo PDF con la libreria Jquery Datatable, al generar el pdf me descarga por defecto el color azul en la cabecera de la tabla, pero mi empresa maneja el color rojo, les dejo el codigo javascript con el que genero la descargar del PDF

      var table = $("#data_list_consecutivos").DataTable({
            ordering: true
        });

        new $.fn.dataTable.Buttons( table, {
            buttons: [
                {
                    extend: 'pdfHtml5',
                    text: 'Abrir en PDF',
                    download: 'open',
                    className: 'btn-danger',
                    messageTop: 'Pedidos de Concentrados Tramitados',
                    title:'Intranet  Cercafe',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4, 5, 6]
                    },
                    customize:function(doc) {
                        doc.styles.title = {
                            color: 'red',
                            fontSize: '40',
                            alignment: 'center'
                        }
                        doc.styles['td:nth-child(2)'] = { 
                            width: '100px',
                            'max-width': '100px'
                        }
                    }
                },
            ],
        });

        table.buttons( 0, null ).container().appendTo(
            table.table().container()
        );

al dejarlo asi como esta me genera este PDF introducir la descripción de la imagen aquí

pero cuando le agrego esta linea de codigo en javascript me genera esto

                        doc.styles.tableHeader = {
                            background: '#DF0101',
                            color:'white'
                        }

introducir la descripción de la imagen aquí

les agradeceria que me ayudaran con esto

One Answer

Es porque le pones background y esa no es la propiedad a ocupar, tu codigo debe ser asi:

doc.styles.tableHeader = {
  fillColor:'#DF0101',
  color:'white'
}

Usando fillColor se resuelve, saludos.

Answered by José Alexis Cruz Solar on November 18, 2021

Add your own answers!

Related Questions

Json undefined problema con mostrar los valores

0  Asked on December 20, 2020 by locura

         

Como detener un bucle for sin usar un break?

2  Asked on December 20, 2020 by julin-taborda

   

Funcionalidad del return en JavaScript

3  Asked on December 19, 2020 by junner13

 

Porqué no se muestra la imagen de fondo?

0  Asked on December 19, 2020 by christian-hidalgo

   

Odoo server no se inicia en Windows 10

0  Asked on December 18, 2020

     

Consulta SQL Server según condición y fecha

1  Asked on December 18, 2020 by fernando-aguayo

       

NODEJS + EXPRESS – Al usar REQUIRE siempre obtengo “undefined”

2  Asked on December 17, 2020 by manzarbeitia

       

Buscar y copiar valores de una celda

0  Asked on December 16, 2020 by guif-if

 

Volcar datos de una tabla de un base de datos a otra base de datos

0  Asked on December 15, 2020 by roberto-alonso-pepn-sanchez

   

¿Cómo representar con ggplot esta tabla de datos? R

0  Asked on December 15, 2020 by maria-jos-silva

 

Descargar archivo Angular

1  Asked on December 15, 2020 by jos-luis-snchez

     

Alertas con react-alert no se muestran

0  Asked on December 14, 2020 by soyunewok

     

Ask a Question

Get help from others!

© 2021 InsideDarkWeb.com. All rights reserved.