Skip to content

Applying textColor and fillColor together in tables #1296

@priyanka041095

Description

@priyanka041095

Hello,
i have a table with custom css attached..
table1
I'm able to construct the table using the following code,

let table = { width: 180, fontSize: 10, font: 'Courier', rows: [{ height: 10, // color: '#FFFFFF', fillColor: "#0D345A", columns: [{ text: "N°", textOptions: { "fill": "#FFFFFF" // tried "color"/"textColor"/"fillColor": "#FFFFFF" but nothing worked }, width: 20 }, { text: "Description", textOptions: { "fill": "#FFFFFF" }, width: 40 }, { text: "Qté", textOptions: { "fill": "#FFFFFF" }, width: 20 }, { text: "Unité", textOptions: { "fill": "#FFFFFF" }, width: 20 }, { text: "Prix", textOptions: { "fill": "#FFFFFF" }, width: 20 }, { text: "Rabais", textOptions: { "fill": "#FFFFFF" }, width: 20 }, { text: "TVA", textOptions: { "fill": "#FFFFFF" }, width: 20 }, { text: "Total", textOptions: { "fill": "#FFFFFF" }, width: 25 }] }] }; pdf.addTable(table);

However, i'm having an issue with the header/last row - the fillColor is used to change the background color... but what about the color of text? i want to display the text in white color in the blue row.. It's being in black in blue background instead of on white on blue background

please advise the way forward.
many thanks
table1

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions