Динамически расширяется ширина ТД - PullRequest
Новая
       19

Динамически расширяется ширина ТД

2 голосов
/ 13 января 2010

Есть ли способ увеличить ширину TD в таблице на основе ширины следующего TD?

asp:Panel будет скрыт или отображен в зависимости от некоторых условий в коде позади.

Я думаю, что это какая-то CSS-вещь, которая помогла бы мне исправить это, но не смогла бы указать на это. Помогите!

Вот HTML-разметка: 

<tr>
 <td class="content_body" style="width: 294px">
  This is some long text needs to be dynamically wrapped...............................................................
 </td>
 <td>
  <asp:Panel ID="Panel1" runat="server">
   This is going to be hidden based on some condition in the Code behind
  </asp:Panel>
 </td>
</tr>

Ответы [ 2 ]

1 голос
/ 13 января 2010

Одной из попыток было бы оставить ширину TD, которая должна быть расширена / уменьшена на основе других TD. Без ширины TD по умолчанию будет занимать любое доступное пространство, поэтому, если все другие TD в строке имеют указанную ширину, тот без ширины будет занимать остальное пространство. Если есть 2 таких TD, пространство будет распределено между ними.

0 голосов
/ 13 января 2010

С помощью jQuery вы можете применить идентификатор к верхнему тд в двух столбцах, а затем сделать что-то вроде: 

$('#tda').width(($('#tdb').width() > 200) ? 10 : 100)

Устанавливает ширину td с идентификатором tda равной 10, если значение td с идентификатором b больше 200, в противном случае устанавливается значение 100.

...