-
Type:
Bug
-
Resolution: Unresolved
-
Priority:
Medium
-
None
-
Affects Version/s: 7.18.3, 7.19.0, 7.19.3, 7.19.4, 7.19.16, 7.19.17
-
Component/s: Content - Page
-
None
-
6
-
Severity 3 - Minor
-
1
Problem
Not able to make width fixed for a column of the table in a page
Environment
Confluence 7.18.3
Steps to Reproduce
- Create a page with below source code
<p class="auto-cursor-target"> <br/> </p> <table class="wrapped fixed-width" style="width: 1087.0px;"> <colgroup> <col style="width: 76.0px;"/> <col style="width: 1010.0px;"/> </colgroup> <tbody> <tr> <th>Spalte 1</th> <th>Spalte 2</th> </tr> <tr> <td>test</td> <td>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</td> </tr> </tbody> </table> <p class="auto-cursor-target"> <br/> </p>
- You can observe , you are not able to change the width with the help of cursor.
- word-break:break-all;word-wrap:break-word - has been added in the below source code use that
<p class="auto-cursor-target"> <br/> </p> <table class="wrapped fixed-width" style="width: 1087.0px;word-break:break-all;word-wrap:break-word"> <colgroup> <col style="width: 76.0px;"/> <col style="width: 1010.0px;"/> </colgroup> <tbody> <tr> <th>Spalte 1</th> <th>Spalte 2</th> </tr> <tr> <td>test</td> <td>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</td> </tr> </tbody> </table> <p class="auto-cursor-target"> <br/> </p>
- Now you will be able to adjust the width of a column
- Publish the page and you will see width goes back to default and not the one which you kept.
Expected Results
The width of the table should be fixed and , it should remain the same once page published
Actual Results
The width of the table should be fixed on the fly and , it doesn't be the same once the page is published.
To make the width fixed by using curser , we need to add "word-break:break-all;word-wrap:break-word" in the HTML style as below
Workaround
add in HTML style "word-break:break-all;word-wrap:break-word",
This is just help in edit mode and will go away once you publish
Notes
This works on 7.13.4 , source code as below
<p class="auto-cursor-target"> <br/> </p> <table class="wrapped fixed-table"> <colgroup> <col style="width: 76.0px;"/> <col style="width: 1010.0px;"/> </colgroup> <tbody> <tr> <th>Spalte 1</th> <th>Spalte 2</th> </tr> <tr> <td>test</td> <td>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</td> </tr> </tbody> </table> <p class="auto-cursor-target"> <br/> </p>
- mentioned in
-
Page Loading...