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);

Interesting... Any Solution?

I experience it as well. Would love a solution.

Problem disappears if there is at least " " in the cell.

Inserting " " instead of blank solves one problem but causes another: the column now doesn't sort correctly. We need a bug fix.

We need a bug fix.

Got it. Following code fixes the problem.

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

I guess, it should be merged into distribution too :-D

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

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

Cheers,

Forum search