2012-04-04 43 views
2

我想将colspan属性应用于JQgrid模式窗口内的td。它使得结构如下Jqgrid Modal Colspan

<form ...> 
    <table ...> 
    <tbody> 
     <tr ...> 
     <td class="CaptionTD"></td> 
     <td class="DataTD"></td> 
     <td class="CaptionTD"></td> 
     <td class="DataTD"></td> 
     </tr> 
    </tbody> 
    </table> 
</form> 

我看了所有可用的options模式窗体,但我对如何一个跨度属性适用于任何对TD的不清。我正在阅读将单元格样式添加到单元格中,例如使用“类”选项,但据我所知(基于我的研究...如果可以调用它)不能使用CSS设置表的colspan因为它不是一种风格,而是一种“表格结构变化”

回答

3

您是否使用rowposcolpos属性formoptions并且喜欢隐藏第二个标签列?您能否提供一个代码示例,说明colspan在哪种情况下会很好?

一般来说,您可以在beforeShowForm回调中设置colspan属性。如果您在<td>设置colspan=2然后一个隐藏在同一行中一些以前<td>元素可以使用类似

// in the below example the column name is 'name' 
$("#tr_name>td:eq(1)").attr("colspan", "2"); 
$("#tr_name>td:eq(1)>input").css("width", "95%"); 
$("#tr_name>td:eq(0)").hide(); 

或类似

beforeShowForm: function() { 
    var $tr = $("#tr_name"), // 'name' is the column name 
     $label = $tr.children("td.CaptionTD"), 
     $data = $tr.children("td.DataTD"); 
    $data.attr("colspan", "2"); 
    $data.children("input").css("width", "95%"); 
    $label.hide(); 
} 

典型。

其结果是可以得到类似

enter image description here