web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Automate
Unanswered

Custom HTML Table

(0) ShareShare
ReportReport
Posted on by 391

Hi all, can someone please tell me how do i get rid of the extra column at the very top? I am just looking to create a simple two columns tables. The header is in the first column and I would like it to be in bold. 

 

CSS

 

 

<style>
table {
background-color: #EEEEEE;
width: 80%
text-align: left;
border-collapse: collapse;
}
table td, table th {
border: 1px solid #AAAAAA;
padding: 3px 2px;
}
table tbody td{
font-size:13px;
}
</style>

 

 

 

Output:

nicklim_1-1690524009541.png

 

What I want:

nicklim_2-1690524259138.png

 

Categories:
I have the same question (0)
  • Verified answer
    3tsolutions Profile Picture
    94 on at

    This probably isn't the right area to ask CSS questions, however since you need to have the headers not as the first line but as the first column you should use this code:

     

    <style>
    table td:nth-child(1) {
     font-weight: bold;
    }
    table td{
     border:1px solid black;
    }
    </style>

     

    You need to aim for the first TD child

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 522 Super User 2025 Season 2

#2
Tomac Profile Picture

Tomac 364 Moderator

#3
abm abm Profile Picture

abm abm 243 Most Valuable Professional

Last 30 days Overall leaderboard