Skip to content

[WIP] Fix table element rendering in HTML output#255

Draft
Copilot wants to merge 1 commit intomasterfrom
copilot/fix-table-rendering-issue
Draft

[WIP] Fix table element rendering in HTML output#255
Copilot wants to merge 1 commit intomasterfrom
copilot/fix-table-rendering-issue

Conversation

Copy link
Contributor

Copilot AI commented Oct 19, 2025 •
edited
Loading

  • Explore repository structure and locate HTML rendering code
  • Identify RenderHtml.cs as the main HTML renderer for Table elements
  • Analyze the issue: Table elements with nested tables are rendering incorrectly
  • Build the RdlEngine project successfully
  • Create a test case to reproduce the issue
  • Identify the root cause of the rendering problem
  • Implement a minimal fix
  • Test the fix
  • Verify no regressions
Original prompt

This section details on the original issue you should resolve

<issue_title>Table element is rendered incorrectly in html output</issue_title>
<issue_description>To reproduce, create report containing Table element like in #10 and create html output from it.

Observed result is:

observed

textboxes are rendered in same line.

Textboxes should be placed into separate rows as shown in issue 10 expected image.

Generated html output is:

  <html>
  <head>
  <style type='text/css'>
    td#css3 {border-color:black;border-style:none;border-width:1pt;background- color:transparent;
    background-image:none;font-style:normal;font-family:Times New   Roman;
    font-size:12pt;font-weight:normal;text-decoration:none;text-align:Left;vertical-align:top;
    color:black;padding-left:0pt;padding-right:0pt;padding-top:0pt;padding-bottom:0pt;line-height:normal;}

  table#css2 {}
  table#css1 {border-collapse:collapse;}

  body#css4 {}
  </style>
    <title></title>
    </head>
    <body id='css4'><table>
    <tr><td><div style="POSITION: relative; ">
    <table id='css1' width=793>
  <tbody>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
    <tr><td id='css2'><table id='css2'><tr>
  <td><div class='css3'>field1 line1
  field1 line2</div></td><td><div class='css3'>field2 line3
   field2 line4</div></td></tr></table>
  </td></tr>
  </tbody>
  </table>
  </div></td></tr>
  </table></body></html>

</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #31

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI requested a review from majorsilence October 19, 2025 19:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@majorsilence majorsilence Awaiting requested review from majorsilence

Assignees

@majorsilence majorsilence

Copilot code review Copilot

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Table element is rendered incorrectly in html output

2 participants

@majorsilence