Power Apps Table Generator

Sample Table Layouts

Select one of these pre-designed tables to get started quickly:

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Classic

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Modern Blue

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Minimal

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Striped Rows

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Green Accent

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Corporate

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Bold Text

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Orange Accent

Header 1	Header 2	Header 3	Header 4
Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4
Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4

Dark Mode

ID	Name	Department	Status
101	John Smith	Marketing	Active
102	Jane Doe	Sales	Active

Variable Width

Click on any sample to automatically apply its settings. You can then customize it further.

Table Settings

Number of Columns

Number of Rows

Include Header Row

Show Borders

Header Settings

Header Background Color

Header Text Color

Data Cell Settings

Cell Background Color

Cell Text Color

Text Alignment

Text Wrapping

Text Style

Border Settings

Border Color

Border Width (px)

Border Style

Distinct Header Border

Column Width Settings

Use Custom Column Widths

Table Preview

Note: This preview is an approximation. The actual appearance in Power Apps may vary slightly due to the HTML string control's rendering behavior.

Generated HTML Code

✓ Copied to clipboard!

Common Style Variables for Power Apps

TableBaseStyle

Basic table style with collapse property

Set(TableBaseStyle, 'border-collapse: collapse; width: 100%;')

HeaderCellStyle

Style for header cells including background and text color

Set(HeaderCellStyle, 'background-color: #5c2d91; color: #ffffff; padding: 8px; text-align: left; font-weight: bold;')

DataCellStyle

Style for data cells

Set(DataCellStyle, 'background-color: #ffffff; color: #323130; padding: 8px; text-align: left;')

BorderStyle

Border style for all cells

Set(BorderStyle, 'border: 1px solid #d2d0ce;')

HeaderBottomBorder

Extra border for the bottom of header cells

Set(HeaderBottomBorder, 'border-bottom: 2px solid #5c2d91;')

✓ Copied to clipboard!

Style Properties Guide

Property	Description	Power Apps Support
background-color	Sets the background color of an element	Full support
color	Sets the text color of an element	Full support
border	Sets the border width, style, and color in one property	Full support
border-collapse	Determines whether table borders should collapse into a single border	Full support
text-align	Aligns text within an element (left, center, right)	Full support
padding	Sets the space between the content and the border	Full support
font-weight	Sets the thickness of text (normal, bold)	Full support
font-style	Sets the style of text (normal, italic)	Full support
white-space	Controls how white space inside an element is handled	Full support
width	Sets the width of columns (%, px)	Full support