Стол, охватывающий слишком много колоний?

Question

Вот скрипка: http://jsfiddle.net/wf7j5tn8/

Как я могу сделать, чтобы область текста не меняла высоту моего левого тега? Я все еще хочу, чтобы текстовое поле было такой же высотой, я хочу добавить больше строк в левую часть таблицы. Я хочу держать его на одном столе.

<tr> 
     <th>* Lib Refs</th> 
     <th class="th_background"> 
     <input type="text" id="librefs" name="librefs" style="width: 100%" class="form-control" placeholder="Enter Librefs"> 
     </th> 
     <th colspan="2" style="background-color: #0072bc;"> 
     <textarea rows="23" style="width: 100% !important;" id="query" placeholder="Enter query" name="query" required></textarea> 
     </th> 
    </tr> 

Answer 1

Использование rowspan для охватывающих строк вместо colspan.