Solved: HEADING & ROW FONT SIZE IN HTML TABLE

KQ · ‎11-07-2019

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>"

Eelman · ‎11-07-2019

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

Eelman · ‎11-07-2019

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;

}

HEADING & ROW FONT SIZE IN HTML TABLE

Helpful resources

Register for a Free Workshop

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

What difference can a User Group make for you?