2010-08-02 5 views
0

부모 노드 (테이블)의 너비를 늘리지 않고 새 행의 너비를 늘리면 어떨까요?부모 너비를 늘리지 않고 노드 폭 늘리기

구조 예 :

<table> 
    <tr> 
    <td> 
     <div id="div_1"> Block 1 </div> 
    </td> 
    <td> 
     <div id="div_2"> Block 2 </div> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <div id="div_3"> Block 3 </div> 
    </td> 
    <td> 
     <div id="div_4"> Block 4 </div> 
    </td> 
    </tr> 
</table> 

jQuery 코드 :

var newRow = "<tr><td colspan="2"><div>This is a great row, bla,bla,bla....</div></td></tr>"; 
$('#div_1').closest('tr').after(html); 

내가 테이블의 폭을 스트레칭 할 수없이 새 행을 넣고 싶다.

답변

1

테이블 자체에 고정 너비를 지정하고 그 내용에 맞게 확장해서는 안됩니다.

+0

작동하지 않습니다. 시도 : var sizeTest = $ ('# div_1'). closest ('table'). outerWidth(); $ ('# div_1'). closest ('tr'). 이후 (html); $ ('# div_1'). closest ('table'). 너비 (sizeTest); 내 테이블이 다이나믹하기 때문에 나는 그것을했다. 하지만 내 열의 크기가 조정되었습니다. – Lenard

+0

테이블 너비가 고정 된 것을 아는 것이 아닌가? 새 행을 추가 한 후 크기 조정 코드를 다시 호출하는 중입니다. 다시 설정 될 수 있기 때문입니다. 나는 그것을위한 코드 없이는 정말로 말할 수 없다. –

관련 문제