cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
KQ
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
Eelman
Super User
Super User

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
Eelman
Super User
Super User

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;

}

Helpful resources

Announcements
2022 Release Wave 1 760x460.png

2022 Release Wave 1 Plan

Power Platform release plan for the 2022 release wave 1 describes all new features releasing from April 2022 through September 2022.

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Top Solution Authors
Top Kudoed Authors
Users online (1,193)