Jqgrid Modal Colspan

Question

我想将一个colspan属性应用于JQgrid模式窗口中的td。它使用以下结构呈现模态形式

<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，但我不清楚如何将colspan属性应用于任何td。我正在阅读为单元格添加一些样式，例如使用“类”选项，但据我所知（基于我的研究...如果你可以称之为）你不能使用CSS设置表的colspan因为它不被视为一种风格，而是一种“对表格的结构性改变”

Answer 1

您是否使用formoptions的rowpos和colpos属性并喜欢隐藏第二个标签列？您能否提供一个代码示例，说明colspan的使用情况在哪种情况下会很好？

通常，您可以在colspan回调中设置beforeShowForm属性。可以使用像

这样的东西

// 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();
}

通常，如果您在colspan=2上设置<td>，则会隐藏同一行中的某个先前<td>元素。

结果可以得到像

这样的东西