Изменение размера / увеличение содержимого HTML в тд - PullRequest
Новая
       1

Изменение размера / увеличение содержимого HTML в тд

0 голосов
/ 04 марта 2012

Вот пример: 

<table>
   <tr>
       <td width="400px" id='myTD'></td>
   </td>
</table>

вот внешний код: 

protected string GetHtml()
{
     return "<table><tr><td width="800px"></td></tr></table>";
}

Поскольку ширина «myTD» меньше ширины внешнего кода, отображаемого кода выходит за границы основной таблицы, я не хочу, чтобы innerHTML «myTD» сделал основную таблицу шире. Достаточно сказать, что, поскольку внешний HTML-код дан извне, я не могу изменить его, не испортив его, поскольку никогда не узнаю, какая ширина или высота будет существенной для кода, а какая - нет.

1 Ответ

0 голосов
/ 05 марта 2012

Это было нелегко, так как это было совместимо со всеми браузерами, но я придумал это. 

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   #myID {width:400px; overflow:scroll}
  </style>
 </head>
 <body>
  <table>
   <tr>
    <td><div id='myID'>

     <table><tr><td width="800"><hr style="width:792px"</td></tr></table>

    </div></td>
   </tr>
  </table>
 </body>
</html>

(или как jsFiddle ).То есть, добавив новый элемент внутри td, который получает полосы прокрутки.Попытка применить overflow:scroll к ячейке таблицы не работает одинаково во всех браузерах.
Надеюсь, вы сможете использовать это.

...