Community
Products
Confluence
Questions
how to place HTML table code in confluence page?

how to place HTML table code in confluence page?

I am having issue in displaying HTML table in confluence. Table works fine in browser but not in confluence. is there any specific plugin/macro which needs to enabled? please help me with this.

1 answer

1 accepted

2 votes

Answer accepted

You need to do this inside HTML macro, in newer version of confluence this macro needs to be enabled from Admin screen.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Hi,

Thank you for your kind response.

I have code inside HTML macro. Version of confluence is 6.13.4. Table is displaying in browser but not in confluence. Please help me with the solution..

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Have you sanitized markup for table?

Can you share small snippet of editor from confluence where you are adding table html code.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Okay, i have this HTML code for table which i directly written in HTML macro of confluence. In browser it's showing proper colored,bordered table but in confluence it's not showing any table,

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

@Kirti sabade

There are few points here,

HTML macro is not meant for creating new html page inside existing HTML page of confluence.
If want to style table differently, start with <table> tag, and use inline styling for its elements.
If you still want to create full <html> then try wrapping it in <iframe>.

Like this for inline styling,

<table>

<tr><th style="color: #FF0000;">Head</th></tr>

<tr><tr style="color: #00FF00;">Row</tr></tr>

</table>

And like this for <iframe> wrapping

<iframe>

<!DOCTYPE html>

<html>

<head>

<style>

table th {

color: #FF0000;

}

table tr {

color: #00FF00;

}

</style>

</head>

<body>

<table style="width:100%">

<tr> <th>Head</th> </tr>

<tr> <td>Row</td> </tr>

</table>

</body>

</html>

</iframe>

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Okay, I have this 400 line table code. Now please tell me where should i place this entire code if i want this to appear in confluence, exact same as way as it appears in my web browser.

And thank you so much for bearing with me. much appreciated sir :)

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

I would suggest use inline styling, and start content directly from <table> tag.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

When i paste your sample code in <iframe> this what i get.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Better use inline styling. Try that also.

Iframe uses changes in confluence from version to version.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

SO in inline style, should i paste entire html code or just from <table> tag? if only <table> then where will i paste <html> and <iframe>? what will be in the URL section?

Thanks,

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

No, you need to use HTML macro only.

And put html code like this in it.

<table>

<tr style="border: 2px solid #333; backgroud-color: #efefef; color: #999;" ></tr>

</table>

Here

style="border: 2px solid #333; backgroud-color: #efefef; color: #999;"

is inline style for table's tr element.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Like • Kirti sabade likes this

Its looking like this,

Table should rather look like this,

Whats the ideal way to implement this,

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

So I have tried is my self, I have added this code to HTML macro

Screenshot 2019-08-23 at 1.43.53 PM.png

Which produces this output

Screenshot 2019-08-23 at 1.44.06 PM.png

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Like • Kirti sabade likes this

How come it's not working with me.. is it because i need to place images and text strings inside the table rows and columns?

okay here is my mail-id sabadekirti95@gmail.com please send hi, i will share the code snippet with you. here i could't able to share large code. would you be fine with that? otherwise also its fine.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Here is how my code looks. there are tiny images on every row and column.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Like • Luis Adolfo Gallardo Cortes likes this

Never mind, Guess what?? It worked!! Thank you so much sir! I owe you so much..

Thank you so much for your patience and help! great day ahead!

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Like • like this

Suggest an answer

Was this helpful?

Thanks!

Confluence

Product Q&A

Community resources

Support

Top groups

Community resources

Support

Learn

Community resources

Support

Events

Community resources

Support

Get product advice from experts

Join a community group

Advance your career with learning paths

Earn badges and rewards

Connect and share ideas at events

how to place HTML table code in confluence page?

1 answer

1 accepted

Suggest an answer

Was this helpful?

Thanks!

TAGS

Atlassian Community Events