Tables

// TABLE 1: Single-row table
let rows = [["Cell 1", "Cell 2", "Cell 3"]];
slide.addTable(rows, { w: 9 });

// TABLE 2: Multi-row table
// - each row's array element is an array of cells
let rows = [["A1", "B1", "C1"]];
slide.addTable(rows, { align: "left", fontFace: "Arial" });

// TABLE 3: Formatting at a cell level
// - use this to selectively override the table's cell options
let rows = [
    [
        { text: "Top Lft", options: { align: "left", fontFace: "Arial" } },
        { text: "Top Ctr", options: { align: "center", fontFace: "Verdana" } },
        { text: "Top Rgt", options: { align: "right", fontFace: "Courier" } },
    ],
];
slide.addTable(rows, { w: 9, rowH: 1, align: "left", fontFace: "Arial" });

// PptxGenJS writes rows as a jagged array; the C# port exposes the global alias
//   global using TableRow = System.Collections.Generic.List<NetCorePpt.CoreInterfaces.TableCell>;
// so `List<TableRow>` is `List<List<TableCell>>`. Declare the alias in your own file
// (aliases do not flow across assemblies), or spell the type out.

// TABLE 1: Single-row table
var rows1 = new List<TableRow> { new TableRow { "Cell 1", "Cell 2", "Cell 3" } };
slide.addTable(rows1, new TableProps { w = 9 });

// TABLE 2: Multi-row table
// - each row's array element is an array of cells
var rows2 = new List<TableRow> { new TableRow { "A1", "B1", "C1" } };
slide.addTable(rows2, new TableProps { align = HAlign.left, fontFace = "Arial" });

// TABLE 3: Formatting at a cell level
// - use this to selectively override the table's cell options
var rows3 = new List<TableRow>
{
    new TableRow
    {
        new TableCell { text = "Top Lft", options = new TableCellProps { align = HAlign.left,   fontFace = "Arial" } },
        new TableCell { text = "Top Ctr", options = new TableCellProps { align = HAlign.center, fontFace = "Verdana" } },
        new TableCell { text = "Top Rgt", options = new TableCellProps { align = HAlign.right,  fontFace = "Courier" } },
    },
};
slide.addTable(rows3, new TableProps { w = 9, rowH = 1, align = HAlign.left, fontFace = "Arial" });

// -------
// TABLE 1: Cell-level Formatting
// -------
let rows = [];

// Row One: cells will be formatted according to any options provided to `addTable()`
rows.push(["First", "Second", "Third"]);

// Row Two: set/override formatting for each cell
rows.push([
    { text: "1st", options: { color: "ff0000" } },
    { text: "2nd", options: { color: "00ff00" } },
    { text: "3rd", options: { color: "0000ff" } },
]);

slide.addTable(rows, { x: 0.5, y: 1.0, w: 9.0, color: "363636" });

// -------
// TABLE 2: Using word-level formatting inside cells
// -------
// NOTE: An array of text/options objects provides fine-grained control over formatting
let arrObjText = [
    { text: "Red ", options: { color: "FF0000" } },
    { text: "Green ", options: { color: "00FF00" } },
    { text: "Blue", options: { color: "0000FF" } },
];

// EX A: Pass an array of text objects to `addText()`
slide.addText(arrObjText, {
    x: 0.5,
    y: 2.0,
    w: 9,
    h: 1,
    margin: 0.1,
    fill: "232323",
});

// EX B: Pass the same objects as a cell's `text` value
let arrTabRows = [
    [
        { text: "Cell 1 A", options: { fontFace: "Arial" } },
        { text: "Cell 1 B", options: { fontFace: "Courier" } },
        { text: arrObjText, options: { fill: "232323" } },
    ],
];

slide.addTable(arrTabRows, { x: 0.5, y: 3.5, w: 9, h: 1, colW: [1.5, 1.5, 6] });

// -------
// TABLE 1: Cell-level Formatting
// -------
var rows = new List<TableRow>();

// Row One: cells will be formatted according to any options provided to `addTable()`
rows.Add(new TableRow { "First", "Second", "Third" });

// Row Two: set/override formatting for each cell
rows.Add(new TableRow
{
    new TableCell { text = "1st", options = new TableCellProps { color = "ff0000" } },
    new TableCell { text = "2nd", options = new TableCellProps { color = "00ff00" } },
    new TableCell { text = "3rd", options = new TableCellProps { color = "0000ff" } },
});

slide.addTable(rows, new TableProps { x = 0.5, y = 1.0, w = 9.0, color = "363636" });

// -------
// TABLE 2: Using word-level formatting inside cells
// -------
// NOTE: An array of text/options objects provides fine-grained control over formatting
var arrObjText = new List<TextProps>
{
    new TextProps { text = "Red ",   options = new TextPropsOptions { color = "FF0000" } },
    new TextProps { text = "Green ", options = new TextPropsOptions { color = "00FF00" } },
    new TextProps { text = "Blue",   options = new TextPropsOptions { color = "0000FF" } },
};

// EX A: Pass an array of text objects to `addText()`
slide.addText(arrObjText, new TextPropsOptions
{
    x = 0.5,
    y = 2.0,
    w = 9,
    h = 1,
    margin = 0.1,
    fill = new ShapeFillProps { color = "232323" },
});

// EX B: Pass the same objects as a cell's `text` value
// A cell holds a `TableCellText`, which accepts a TableCell[] - convert each run:
var arrTabRows = new List<TableRow>
{
    new TableRow
    {
        new TableCell { text = "Cell 1 A", options = new TableCellProps { fontFace = "Arial" } },
        new TableCell { text = "Cell 1 B", options = new TableCellProps { fontFace = "Courier" } },
        new TableCell
        {
            text = arrObjText.ConvertAll(x => new TableCell
            {
                text = x.text!,
                options = new TableCellProps
                {
                    fontSize = x.options?.fontSize,
                    color = x.options?.color,
                },
            }),
            options = new TableCellProps { fill = new ShapeFillProps { color = "232323" } },
        },
    },
};

slide.addTable(arrTabRows, new TableProps { x = 0.5, y = 3.5, w = 9, h = 1, colW = new List<double> { 1.5, 1.5, 6 } });