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)