3.0.4

Strange behavior when some cell is empty?

When some cell is having empty screen or only spaces, clicking on that row pushes down the whole row slightly. In case you have mouseover enabled, it produces the effect of moving a cylindrical concave lens over the row.

How to get rid of it?

<style>
  .active-row-highlight {background-color: lightblue;}
  .active-row-highlight .active-row-cell {background-color: lightblue;}
</style>

<script>
var myData = [
  ["ADBE", "Adobe Systems Incorporate", "9,533.05", "1,230.81", "3341"],
  ["PSFT", "PeopleSoft, Inc.", "8,246.46", "1,941.16", "8180"],
  ["SEBL", "Siebel Systems, Inc.", "5,434.64", "", "5909"],
  ["BEAS", "BEA Systems, Inc.", "5,111.81", "965.69", "3063"],
  ["SNPS", "Synopsys, Inc.", "4,482.53", "", "4254"],
  ["CHKP", "Check Point Software Tech", "4,396.85", "", "1203"],
  ["MERQ", "Mercury Interactive Corp.", "4,325.48", "", "1822"],
  ["MSFT","Microsoft Corporation", "314,571.15", "", "55000"],
  ["ORCL", "Oracle Corporation", "62,615.26", "", "40650"],
  ["SAP", "SAP AG (ADR)", "40,986.32", "8,296.42", "28961"],
  ["CA", "Computer Associates Inter", "15,606.33", "3,164.00", "16000"],
  ["ERTS", "Electronic Arts Inc.", "14,490.89", "2,503.72", "4000"],
  ["SFTBF", "Softbank Corp. (ADR)", "14,485.84", "0.00", "6865"],
  ["VRTS", "Veritas Software Corp.", "14,444.27", "1,578.65", "5647"],
  ["SYMC", "Symantec Corporation", "9,932.48", "1,482.02", "4300"],
  ["INFY", "Infosys Technologies Ltd.", "9,763.85", "830.74", "15400"],
  ["INTU", "Intuit Inc.", "9,702.47", "1,650.74", "6700"],
  ["DOX", "Amdocs Limited", "4,288.01", "1,427.08", "9400"],
  ["CTXS", "Citrix Systems, Inc.", "3,946.48", "554.22", "1670"],
  ["KNM", "Konami Corporation (ADR)", "3,710.78", "0.00", "4313"]
];
</script>


and

var row = new Active.Templates.Row;
  row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight');");
  row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");
  obj.setTemplate("row", row);
Sudhaker Raj
June 30,
Interesting... Any Solution?
Iqbal
July 2,
I experience it as well. Would love a solution.
Justin
July 5,
Problem disappears if there is at least "&nbsp;" in the cell.
Max
July 5,
Inserting "&nbsp;" instead of blank solves one problem but causes another: the column now doesn't sort correctly. We need a bug fix.
Gerard
July 6,
We need a bug fix.
Sudhaker Raj
July 7,
We need a bug fix.
Sudhaker Raj
July 8,
Got it. Following code fixes the problem.

.active-grid-column {vertical-align: middle;}


I guess, it should be merged into distribution too :-D
Sudhaker Raj
July 8,

Style .active-row-cell also fixes the problem.

Only big boss can tell, which one is better to use.

Cheers,
Sudhaker Raj
July 8,

This topic is archived.

See also:


Back to support forum