cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

HEADING & ROW FONT SIZE IN HTML TABLE

Good morning!

Could you please advise what I need to add to this HTML code to make the font size smaller?

I would like both the header & rows to be a smaller size (can be the same size).

Thanking you in advance.

 

"<h5><u>Areas Affected Summary</u> (1)</h5>" &

"<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'>
" &
"<tr style='background-color:#efefef'>

<th>Area Name</th>
<th> Size </th>
<th> Floor Type </th>
<th>BS </th>
<th>Carpet Lifted </th>
<th>Carpet Disposed </th>
<th>Underlay Disposed </th>

</tr>
<tr>" &

Concat( Filter( Affected_Areas_1, JOB_NO=DataCardValue12.Text),
"<td>" & AREA_AFFECTED & " </td>
<td>" & AREA_SIZE & " </td>
<td>" & FLOOR_TYPE & " </td>
<td>" & CARPET_FLOORING_BS & " </td>
<td>" & CARPET_DISPOSED & " </td>
<td>" & UNDERLAY_DISPOSED & " </td>
","</tr><tr>") &


"</Table>"

 

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Super User II
Super User II

Re: HEADING & ROW FONT SIZE IN HTML TABLE

A few options but this is the code you need:

style=font-size:12px, change 12 to whatever font size suits your needs.

 

You could add this code inline to the <table> tag, the <tr> tag or to each <th> tag.

Eg. <tr style=font-size:12px> OR <th style=font-size:12px>

 

If you added  <head> & <style> tags to the top of your code (with closing tags) you could just add:

th, td {

   font-size: 12px;

}

View solution in original post

1 REPLY 1
Highlighted
Super User II
Super User II

Re: HEADING & ROW FONT SIZE IN HTML TABLE

A few options but this is the code you need:

style=font-size:12px, change 12 to whatever font size suits your needs.

 

You could add this code inline to the <table> tag, the <tr> tag or to each <th> tag.

Eg. <tr style=font-size:12px> OR <th style=font-size:12px>

 

If you added  <head> & <style> tags to the top of your code (with closing tags) you could just add:

th, td {

   font-size: 12px;

}

View solution in original post

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Find your favorite faces from the community presenting at the Power Platform Community Conference!

Watch Now

Experience what’s next for Power Apps

See the latest Power Apps innovations, updates, and demos from the Microsoft Business Applications Launch Event.

Power Platform ISV Studio

Power Platform ISV Studio

ISV Studio is designed to become the go-to Power Platform destination for ISV’s to monitor & manage published applications.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (7,102)