<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: a css bug ?</title>
	<link>http://www.trirand.com/blog/?page_id=393/bugs/a-css-bug</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/bugs/a-css-bug/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on a css bug ?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/a-css-bug#p25230</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/a-css-bug#p25230</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Thanks. Fixed.</p>
</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Wed, 23 Nov 2011 18:15:04 +0200</pubDate>
        </item>
        <item>
        	<title>springwind426 on a css bug ?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/a-css-bug#p25197</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/a-css-bug#p25197</guid>
        	        	<description><![CDATA[</p>
<p><input type='button' class='sfcodeselect' name='sfselectit9664' value='Select Code' data-codeid='sfcode9664' /></p>
<div class='sfcode' id='sfcode9664'>
<p>&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; firstr += &#34;&#60;td role=&#39;gridcell&#39; style=&#39;height:0px;width:&#34;+w+&#34;px;&#34;+hdcol+&#34;&#39;&#62;&#60;/td&#62;&#34;;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;grid.headers[j] = { width: w, el: this };<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;sort = ts.p.colModel[j].sortable;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;if( typeof sort !== &#39;boolean&#39;) {ts.p.colModel[j].sortable =&#160; true; sort=true;}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;var nm = ts.p.colModel[j].name;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;if( !(nm == &#39;cb&#39; &#124;&#124; nm==&#39;subgrid&#39; &#124;&#124; nm==&#39;rn&#39;) ) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;if(ts.p.viewsortcols[2]){<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;$(&#34;div&#34;,this).addClass(&#39;ui-jqgrid-sortable&#39;);<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;if(sort) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;if(ts.p.viewsortcols[0]) {$(&#34;div span.s-ico&#34;,this).show(); if(j==ts.p.lastsort){ $(&#34;div span.ui-icon-&#34;+ts.p.sortorder,this).removeClass(&#34;ui-state-disabled&#34;);}}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;else if( j == ts.p.lastsort) {$(&#34;div span.s-ico&#34;,this).show();$(&#34;div span.ui-icon-&#34;+ts.p.sortorder,this).removeClass(&#34;ui-state-disabled&#34;);}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}</p>
</p>
</div>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>&#160;</p>
<p><input type='button' class='sfcodeselect' name='sfselectit4429' value='Select Code' data-codeid='sfcode4429' /></p>
<div class='sfcode' id='sfcode4429'>&#160; &#160;&#160;&#160; &#160;&#160;&#160;&#160; if (o.useColSpanStyle) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;// Increase the height of resizing span of visible headers<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;$htable.find(&#34;span.ui-jqgrid-resize&#34;).each(function () {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;var $parent = $(this).parent();<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;if ($parent.is(&#34;:visible&#34;)) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;this.style.cssText = &#39;height: &#39; + $parent.height() + &#39;px !important; cursor: col-resize;&#39;;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;});</p>
<p>&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;// Set position of the sortable div (the main lable)<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;// with the column header text to the middle of the cell.<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;// One should not do this for hidden headers.<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;$htable.find(&#34;div.ui-jqgrid-sortable&#34;).each(function () {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;var $ts = $(this), $parent = $ts.parent();<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;if ($parent.is(&#34;:visible&#34;)) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;$ts.css(&#39;top&#39;, ($parent.height() &#8211; $ts.outerHeight()) / 2 + &#39;px&#39;);<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;});<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;}</p>
</div>
<p><input type='button' class='sfcodeselect' name='sfselectit7176' value='Select Code' data-codeid='sfcode7176' /></p>
<div class='sfcode' id='sfcode7176'>
<p>@ $(&#34;div&#34;,this).addClass(&#39;ui-jqgrid-sortable&#39;);</p>
<p>@ $ts.css(&#39;top&#39;, ($parent.height() &#8211; $ts.outerHeight()) / 2 + &#39;px&#39;);</p>
</div>
<p>when head label has an div html element&#160; and use multi row headers(setGroupHeaders), these divs will been set invalid top css</p>
<p>my suggestion is replace [$("div",this).addClass(&#39;ui-jqgrid-sortable&#39;);] by&#160; [$("&#62;div",this).addClass(&#39;ui-jqgrid-sortable&#39;);]</p>
]]></description>
        	        	<pubDate>Sun, 20 Nov 2011 17:32:56 +0200</pubDate>
        </item>
</channel>
</rss>