HTML Break Table Columns (TD) To Multiple Rows On Small Screens
<p>I have a html table:</p>

<pre><code>&lt;table&gt;
&lt;tr&gt; &lt;td&gt;data...&lt;/td&gt;  &lt;td&gt;data...&lt;/td&gt;  &lt;td&gt;data...&lt;/td&gt; &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>This shows as:</p>

<pre><code>-------------------------
|data...|data...|data...|
-------------------------
</code></pre>

<p>which is fine on large screens, but what i want is to break the columns into multiple rows as needed if the screen is small.</p>

<p>So when needed the table would show as:</p>

<pre><code>----------
|data....|
|--------|
|data....|
|--------|
|data....|
----------
</code></pre>

<p>Is there a way to do this with something like css?</p>