Not able to make width fixed for a column of the table in a page

XMLWordPrintable

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

            Assignee:
            Unassigned
            Reporter:
            Sameer Gargey
            Votes:
            6 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated: