Dynamically set nowrap !!! ???

simonchristieis · Dec 9, 2003

I am creating a new table and need to set the new cells to be nowrap - but it dont work - any ideas ?

code:

cell.setAttribute("style","white-space: nowrap;&quot

Thanks in advance

Simon

jemminger · Dec 9, 2003

cell.style.whiteSpace = "nowrap";

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

simonchristieis · Dec 9, 2003

Tried that Jeff - still doesn't work

I am creating the cell dynamically

the code is (snipped)

var row = table.insertRow(table.rows.length);
var cell=row.insertCell(row.cells.length);

cell.setAttribute("width",10)
cell.innerHTML = "whatsoever"

etc

But I cant get the the table to apply nowrap

jemminger · Dec 9, 2003

works fine for me in IE6 & Firebird 0.7, WinXP Pro:

Code:

<html>
	<head>
		<title>test</title>
		<script type=&quot;text/javascript&quot;>
			function addRowCell(t) {
				var r = t.insertRow(t.rows.length);
				var c = r.insertCell(r.cells.length);
				c.innerHTML = getCellText(t.rows.length);
				c.style.whiteSpace = &quot;nowrap&quot;;
			}
			function getCellText(n) {
				var s = &quot;&quot;;
				for (var x = 0; x < n; x++) {
					s += &quot;foo bar &quot;;
				}
				return s;
			}
		</script>
	</head>

	<body>
		<form>
			<input type=&quot;button&quot; value=&quot;add row/cell&quot; 
				onclick=&quot;addRowCell(document.getElementById('tbl'));&quot; />
		</form>
		<table id=&quot;tbl&quot; border=&quot;1&quot; width=&quot;100&quot;>
			<tr>
				<th>head</th>
			</tr>
		</table>
	</body>
</html>

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

simonchristieis · Dec 9, 2003

Thanks again.

I have the source code of the table created and even that says its working - but it aint !!

<TR>
<TD style="whitespace: nowrap" width=10 colSpan=6 orgCol="000000" overCol="FFCC00" clAction="createMenu,menu,2">Division 1</TD></TR>
<TR>

I don't understand why - I have not set any width properties - notice the colspan=6 - the page indents a menu system with td elements - the problem is that the menu elementsare wrapping as the page is created.

Any ideas at all ?

Im using xp / ie6.

jemminger · Dec 9, 2003

try setting "white-space" to "nowrap!important"

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

adam0101 · Dec 9, 2003

Not tested, but maybe one of these will work for you:

cell.noWrap=true

or

cell.setAttribute("noWrap",true)

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};

simonchristieis · Dec 10, 2003

I've tried

c.style.whiteSpace = "nowrap";
cell.noWrap=true
cell.setAttribute("noWrap",true)

even tried

cell.noWrap?true:"Or Else!";

but none are working - I'm going bald pulling my hair out !!!

jemminger · Dec 10, 2003

did you try

"nowrap!important"

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

jemminger · Dec 10, 2003

you said this is the generated source code?
<TR>
<TD style="whitespace: nowrap" width=10 colSpan=6 orgCol="000000" overCol="FFCC00" clAction="createMenu,menu,2">Division 1</TD></TR>
<TR>

if so, "whitespace" should be "white-space"

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Dynamically set nowrap !!! ???

simonchristieis

Programmer

jemminger

Programmer

simonchristieis

Programmer

jemminger

Programmer

simonchristieis

Programmer

jemminger

Programmer

adam0101

Programmer

simonchristieis

Programmer

jemminger

Programmer

jemminger

Programmer

Similar threads

Part and Inventory Search

Sponsor