2

JQgrid モーダル ウィンドウ内の td に 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>

利用可能なすべてのオプションを見てきましたが、どの td にも colspan 属性を適用する方法がわかりません。たとえば、「クラス」オプションを使用して、セルにスタイルを追加することを読み込んでいましたが、私の知る限り (私の調査に基づいて...それを呼び出すことができれば)、CSS を使用してテーブルの colspan を設定することはできません。それはスタイルとしてではなく、むしろ「テーブルの構造的な変化」として見られているからです。

4

1 に答える 1

3

formoptionsのプロパティを使用rowposして、2 番目のラベル列を非表示にしたいですか? の使用が適している状況を示すコード例を提供していただけますか?colposcolspan

一般に、コールバック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>

結果として、次のようなものを得ることができます

ここに画像の説明を入力

于 2012-04-04T09:06:18.643 に答える