Saltar al contenido

¿Diferente ancho para cada columna en jspdf autotable?

Solución:

Tendría que transformar su matriz columnWidth para que se vea así:

doc.autoTable({
  html: '#table',
  columnStyles: {
    0: {cellWidth: 100},
    1: {cellWidth: 80},
    2: {cellWidth: 80},
    // etc
  }
});

Tenga en cuenta el uso de columnStyles en lugar de styles.

En la versión anterior (1.3.4) podría haber hecho lo siguiente:

var columns = [
          {title: "Signum", dataKey: "signum"},
          {title: "Name", dataKey: "name"},
          {title: "Role", dataKey: "role"},
          {title: "Location", dataKey: "location"} 
          ]

Pero el último, es decir, 2.3.2, requiere el siguiente formato

doc.autoTable(colums,data,{
    addPageContent:pageContent,
    margin: {horizontal:5,top: 20},
    startY: 0.47*doc.internal.pageSize.height,
    styles: {overflow: 'linebreak'},
    columnStyles: {
     id: {columnWidth: 25}, 
     name:{columnWidth:40}, 
     role: {columnWidth: 15}, 
     location: {columnWidth: 30}
    }
  });

Esto fijará solo la identificación, el nombre, el rol y la ubicación dentro de los límites especificados. Resto, otros encabezados se ajustarán en consecuencia por autotable.js

Digamos,[ steps,Methods,process,Delivers,Results ] son todos mis encabezados de tabla.Si quiero aumentar o disminuir la media del ancho de la tabla,

columnStyles: {
    steps: {columnWidth:215},
    Methods: {columnWidth: 60},
    process: {columnWidth: 100},
    Delivers: {columnWidth: 90},
    Result: {columnWidth: 90}
}

Aquí puede especificar el ancho de cada columna.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *