XML to HTML Table Converter

Paste XML with repeating child elements and get an HTML table — column headers come from element names, nested elements are flattened with dot notation, and a live preview shows the result.

Last updated: May 27, 2026

CSS class: Header rowInline styles

XML Input

DOMParser is not defined

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is XML to HTML Table Converter?

Data-oriented XML files (feeds, exports, API responses) often have a repeating element per record — like `<product>` inside `<products>`. Converting this structure to an HTML table by hand means writing `<tr>` and `<td>` for every element, which scales badly for large documents.

This tool parses the XML with the browser DOMParser, detects the repeating record element, flattens each record into a flat key-value map (nested tags become `parent.child` column names), and emits a properly structured `<table>`. An optional inline stylesheet provides a clean, readable default layout — disable it when embedding in a page that provides its own styles.

How to Use XML to HTML Table Converter

Paste XML into the left panel.

Set the CSS class and toggle the header row and inline styles.

Switch to the Preview tab to see the rendered table.

Copy the HTML or download it as a .html file.

Common Use Cases

Turning an XML data export into a shareable HTML report.
Embedding a product feed or API response as a readable table.
Generating HTML documentation from an XML configuration listing.
Quickly previewing the structure of an XML document as a table.

Example Input and Output

An XML list of products becomes an HTML table with header and data rows.

XML input

<products><product><id>1</id><name>Widget A</name><price>9.99</price></product></products>

HTML output

<table class="xml-table"><thead><tr><th>id</th><th>name</th><th>price</th></tr></thead><tbody><tr><td>1</td><td>Widget A</td><td>9.99</td></tr></tbody></table>

Privacy

All XML parsing and HTML generation happen in your browser. No content is sent to a server.

Nested elements

Nested child elements are flattened with dot-notation keys (e.g. address.city). Deeply nested or recursive XML may produce many columns.

Frequently Asked Questions

How does the tool detect rows?

It looks for repeating child elements under the root — if all children share the same tag name, each is treated as a row. If not, it descends one level to find a repeating group.

What happens to attributes?

Attributes are not currently mapped to columns. The tool focuses on element content. Wrap attribute values in child elements if you need them as columns.

Does this send my XML anywhere?

No. All parsing happens locally in your browser using the built-in DOMParser.