<p>I have some Jasper reports which are displayed in HTML format. I would like the width of the columns in the HTML tables to automatically resize to fit the content of the widest cell (in that column), such that all the data is displayed.</p>

<p>Currently this does not happen because the HTML generated by Jasper specifies fixed widths for the &lt;table&gt; and some &lt;td&gt; elements, e.g.</p>

<pre><code>&lt;td style="width: 20px; height: 17px;"&gt;
  &lt;span style="font-family: Arial; font-size: 11px;"&gt;foo-bar-baz@examp&lt;/span&gt;
&lt;/td&gt;
</code></pre>

<p>I can't simply remove all these width properties (using JavaScript), because (as shown in the HTML above) any data that would be hidden when using these widths is not even returned to the client-side</p>

<p>Cheers,
Don</p>

While not perfect, you could flag the field to stretch with overflow. This would at least give you all the data. In your jrxml file it would be similar to:
```
```
<textField isStretchWithOverflow="true" hyperlinkType="None">
    <reportElement style="Report Sub-Title" x="0" y="84" width="802" height="20"/>
    <textElement/>
    <textFieldExpression class="java.lang.String">
        <![CDATA["For the period ...]]>
    </textFieldExpression>
</textField>
```
```
I'm afraid I don't know of any feature of Jasper reports that would allow the dynamic resizing of column widths - It is probably one of those things that makes sense for HTML but little sense for other output formats such as PDF.