2

我想将 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>

我查看了所有可用的选项，但我不清楚如何将 colspan 属性应用于任何 td。我正在阅读将一些样式附加到单元格，例如使用“类”选项，但据我所知（基于我的研究......如果你可以这样称呼它）你不能使用 CSS 设置表格的 colspan因为它不被视为一种风格，而是“桌子的结构变化”

4

1 回答 1

3

您是否使用formoptionsrowpos的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为 on，则在同一行中<td>隐藏一些先前的元素。<td>

结果可以得到类似的东西

在此处输入图像描述

于 2012-04-04T09:06:18.643 回答