как разместить GridView внутри HTML таблицы

Question

я делаю что-то вроде

<table> 
<tr> 
    <td width="15%" height="50"> Some content </td> 
    <td width="25%" height="50"> My dropdown 1 </td> 
    <td colspan="2" rowspan="3"> 
     <asp:gridview id="mygrid-1" runat="server">....<asp:gridview> 
     <br> 
    <asp:gridview id="mygrid-2" runat="server">....<asp:gridview> 
    </td> 
<tr> 
<tr> 
    <td width="15%" height="50"> Some content </td> 
    <td width="25%" height="50"> My dropdown 2 </td> 
</tr> 
<tr> 
    <td colspan="2" height="*"> </td> 
</table> 

On My выпадающих Selexted изменения индекса, оба сеток заселены, но эта вещи совершенно не обращая внимания на высоту я назначенная моих первые два таблицы строк, я хочу, чтобы 1-я высота двух строк была такой же, как 50, и по совокупности данных сетки, я хочу, чтобы 3-й ряд таблицы увеличивался в высоту

Answer 1

Существует несколько способов поддерживать высоту строки здесь, но не видя больше я не могу сказать, в чем проблема. Первое, что приходит в голову при взгляде на ваш код, это то, что свойства width/height действительно должны выполняться в CSS, а не в html. Затем, используя CSS для этих строк, вы можете поддерживать высоту, используя white-space:nowrap; в зависимости от того, что это за контент.

Я не уверен, что смотрю здесь, но, похоже, вы можете использовать таблицу для макета. Переключитесь на использование CSS для макета и поместите эти строки в <div> с, и вы можете работать с вашим gridview гораздо более элегантным и семантическим способом.