---
title: "HTML table function"
canonical: "https://support.appfire.com/space/PSJ/805667133/HTML%20table%20function"
format: markdown
---
> Macro (aura-html)

> Macro (button-handy)



> Macro (excerpt)
> 
> A group of functions designed to take an array of text and convert it to an HTML table.

The main function (htmlTable) takes 2 parameters, a text array of table headings, and a text array or table data. The function creates columns in the table based on the number of heading in the array.

```
function wrapTag(string text, string tag) {
    return "<" + tag + ">" + text + "</" + tag + ">";
}

function tableHead(string [] headings){
    string body;
    for(string hd in headings)
    {
        body += wrapTag(hd, "th");
    }
    return wrapTag(body, "tr");   
}

function htmlTable(string [] headings, string [] data){
    
    string body = tableHead(headings);
    string temp;
    int colCount = size(headings);
    
    for(int x = 0; x < size(data); x ++) {
        temp += wrapTag(data[x], "td");
        
        if(x > 0) {
            if((x+1) % (colCount) == 0) {
                body += wrapTag(temp, "tr");
                temp = "";
            }
        }
    }
    return wrapTag(body, "table");
}

string [] headings = "Column A|Column B|Column C";
string [] data = "1A|1B|1C|2A|2B|2C|3A|3B|3C";

runnerLog(htmlTable(headings, data), true); //see formatted output
return htmlTable(headings, data); //see raw output
```


**Output:**

![image-20240304-212205.png](media://57de3145-e874-4a60-a25c-c21ff79816a2)