Typescript: How to use drawHeaderRow to create table with horizontal headers?

Discussão em 'Angular' iniciado por Sudha, Junho 27, 2025.

  1. Sudha

    Sudha Guest

    jsPDF allows to create a table form JSON data and save that table into a PDF document. I have created a Angualr2/Typescript application to do the same. This create table form my JSON data. I'm trying to use jsPDF is create a table with horizontal headers. Example for this given here. Code to create that is as follows.

    // Horizontal - shows how tables can be drawn with horizontal headers
    examples.horizontal = function () {
    var doc = new jsPDF('p', 'pt');
    doc.autoTable(getColumns().splice(1,4), getData(), {
    drawHeaderRow: function() {
    // Don't draw header row
    return false;
    },
    columnStyles: {
    first_name: {fillColor: [41, 128, 185], textColor: 255, fontStyle: 'bold'}
    }
    });
    return doc;
    };


    Complete code is available here. This code is written in JavaScript. I'm looking for a way to convert this into Typescript. Does anyone have any idea how to do it?

    Continue reading...

Compartilhe esta Página