【问题标题】:Is it possible to create the selected row event though it has merge cell?尽管它具有合并单元格,是否可以创建选定的行事件?
【发布时间】:2011-07-14 19:30:45
【问题描述】:

我制作了一个表格来显示数据列表。该表包含合并两行,我真的需要它看起来那样。当我尝试突出显示单行时,棘手的问题出现了。 原来单TR高亮了

脚本

<script type="text/javascript">
var preEl ;
var orgBColor;
var orgTColor;

function HighLightTR(el, backColor,textColor){
  if(typeof(preEl)!='undefined') {
     preEl.bgColor=orgBColor;
     try{ChangeTextColor(preEl,orgTColor);}catch(e){;}
  }
  orgBColor = el.bgColor;
  orgTColor = el.style.color;
  el.bgColor=backColor;


  try{ChangeTextColor(el,textColor);}catch(e){;}
  preEl = el;
}


function ChangeTextColor(a_obj,a_color){  ;
   for (i=0;i<a_obj.cells.length;i++)
    a_obj.cells(i).style.color=a_color;
}

html

<tr onClick="HighLightTR(this,'#c9cc99','cc3333');" >
</tr>

如何突出显示整行(第二列有两行) 感谢您的帮助... ^_^

【问题讨论】:

    标签: javascript html html-table onclick highlight


    【解决方案1】:

    第一列和第二列的第二行是不同的行对象。您还需要更改该行的颜色。

    换句话说,您的elpreEl 应该是多行的,而不是每行。

    您是否考虑过在行中添加/删除类并在 CSS 中而不是在 JavaScript 中更改颜色?

    【讨论】:

    • 问题:你从哪里得到el?我想preEl 只是存储previous el,但是你从哪里得到el?哪一排?您确实为每个数据项创建了 two 行,只是在最后两列中第二行被隐藏了,因此您看不到它。这并不意味着您有 一个 行只是因为您在最后两列中看到了一个。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-10
    • 2020-09-10
    • 1970-01-01
    • 2018-03-29
    • 2013-12-13
    • 2021-01-17
    相关资源
    最近更新 更多