2012-04-04 2 views
2

Я хотел бы применить атрибут colspan к td внутри модального окна JQgrid. Это делает модальную форму со следующей структурой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 доступны, но я не ясно о том, как применить Colspan атрибут к любому из ТД. Я читал добавление некоторого стиля в ячейку, например, используя параметр «classes», но насколько я знаю (на основе моего исследования ... если вы можете это назвать), вы не можете установить столбец таблицы с помощью CSS поскольку это не рассматривается как стиль, а скорее «структурное изменение таблицы»

ответ

3

Вы используете rowpos и colpos свойства formoptions и хотели бы скрыть вторую колонку ярлыков? Не могли бы вы привести пример кода, который показывает, в какой ситуации использование 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> элемент в той же строке.

В результате можно получить что-то вроде

enter image description here

Смежные вопросы