Databases
StackOverflow2013
Postsdbo
POHow to get max <li> width from <ul> for each "column"
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to get max <li> width from <ul> for each "column"
    text
    copied!<h1>Intro</h1> <p>Hi there,</p> <p>I have a table made with lists <code>&lt;ul&gt;</code> that <a href="http://jsfiddle.net/Dcd7R/" rel="nofollow">looks like this</a>.</p> <p>As you can see, I have added <code>getMaxLiWidth()</code> to achieve the biggest <code>&lt;li&gt;</code> width for all.</p> <h1>Before</h1> <p><code>#</code>|<code>Name</code>|<code>Extra</code></p> <p><code>1</code>|<code>This is a very big name</code>|<code>Extra</code></p> <h1>What I want</h1> <p><code>#</code>|<code>Name</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<code>Extra</code></p> <p><code>1</code>|<code>This is a very big name</code>|<code>Extra</code> </p> <h1>What I get</h1> <p><code>#</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<code>Name</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<code>Extra</code></p> <h1>Question</h1> <p>How do I need to change my <code>getMaxLiWIdth()</code> to get the max width for each "column"?</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