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
PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Top Solution Authors
Top Kudoed Authors
Users online (3,439)