如何使表格單元格中的文本輸入在選定時超出表格限制？

Question

我有一個三列的表。 A label，下拉選擇器和輸入欄。

輸入字段預計包含多行內容（特別是，JSON），但我不希望表中的每一行都很高。相反，我希望當用戶單擊該單元格時，內容區域應該增長並流過表格的邊界。當他模糊焦點時，它應該縮小尺寸。

這裏有一個的jsfiddle我使用的實驗：http://jsfiddle.net/xq704y5j/1/

如何做到這一點的任何想法簡單的HTML，CSS？我還使用引導程序已經

Answer 1

看到這個fiddle example

我加入這個CSS：

table{ 
    position:relative; 
} 
#sibiling-name1:focus{ 
    position:absolute; 
    width:100%; 
    left:0; 
} 

希望這將讓你在你想去的方向前進。 -Tel

編輯爲： 請參閱this fiddle使用textarea而不是文本輸入。