Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>You will be using the table width in pixels i guess. As the code is not provided i can do some guess work only. Try changing the table width to percentage and try.</p> <blockquote> <p>Please post the code, so the question will be clearer...</p> </blockquote> <p>This is just an assumption. Please look at this <a href="http://jsfiddle.net/wqHzj/4/" rel="nofollow">jsFiddle</a> I have worked out a solution that may help you.</p> <p><strong>HTML</strong></p> <pre><code>&lt;div id="tabs" width="1000px"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#tabs-1"&gt;Actual Tab&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#tabs-2"&gt;Problem&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#tabs-3"&gt;problem fix&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div id="tabs-1"&gt; Flexible tab &lt;table border="1" cellspacing="0"&gt; &lt;td&gt;Column 1 Content&lt;/td&gt; &lt;td&gt;Column 2 Content&lt;/td&gt; &lt;td&gt;Column 3 Content&lt;/td&gt; &lt;td&gt;Column 4 Content&lt;/td&gt; &lt;td&gt;Column 5 Content&lt;/td&gt; &lt;td&gt;Column 6 Content&lt;/td&gt; &lt;/table&gt; &lt;/div&gt; &lt;div id="tabs-2"&gt; this is a table with Fixed width so this will go beyond your tab &lt;table border="1" cellspacing="0" width ="900px"&gt; &lt;td&gt;Column 1 Content&lt;/td&gt; &lt;td&gt;Column 2 Content&lt;/td&gt; &lt;td&gt;Column 3 Content&lt;/td&gt; &lt;td&gt;Column 4 Content&lt;/td&gt; &lt;td&gt;Column 5 Content&lt;/td&gt; &lt;td&gt;Column 6 Content&lt;/td&gt; &lt;/table&gt; &lt;/div&gt; &lt;div id="tabs-3"&gt; &lt;table border="1" cellspacing="0" width ="100%"&gt; &lt;td&gt;Column 1 Content&lt;/td&gt; &lt;td&gt;Column 2 Content&lt;/td&gt; &lt;td&gt;Column 3 Content&lt;/td&gt; &lt;td&gt;Column 4 Content&lt;/td&gt; &lt;td&gt;Column 5 Content&lt;/td&gt; &lt;td&gt;Column 6 Content&lt;/td&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p></p> <p><strong>JS</strong></p> <pre><code> $(function () { $("#tabs").tabs(); }); </code></pre> <p><em><strong>EDIT :</em></strong></p> <p><strong>CSS</strong></p> <pre><code>div#tabs{ width: 1000px; } </code></pre> <p>The Css will do the trick just add it and try Hope this helps</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload