css resize：both;を使用して表のセルのサイズを変更します。作動している; {両方リサイズ} Iは、テーブルとそのセルのサイズを変更することができる使用してCSSのサイズを変更する必要</p> <p>は、 CSSテーブルで動作していない。：

Question

は、CSSを使用して、表のセルのサイズを変更し、テーブルを操作しない{両方のサイズを変更します} div要素ではなく、テーブルタグで

<table border="1" style="resize:both;"> 
<tr> 
<td>hi table</td> 
<td>hi div</td> 
</tr> 
<tr> 
<td>hi table</td> 
<td>hi div</td> 
</tr> 
<tr> 
<td>hi table</td> 
<td>hi div</td> 
</tr> 
</table> 

できる任意の体のヘルプ

Answer 1

resize：はテーブルには適用されません。

table { 
    border:2px solid; 
    padding:10px 40px; 
    width:300px; 
    resize:both; 
    overflow:auto; 
}​ 

http://jsfiddle.net/Kyle_/q4qwp/

しかし、あなたはdivの中にテーブルをラップし、リサイズを設定することができますdivの代わりに、しかし、あなたも％幅の値を持つテーブルを縮小することはできません。全体としてテーブルの上に初期の幅を設定しないでください

th, td { resize: both; overflow: auto; } 

を使用して、ChromeとSafariのをカバーするために

http://jsfiddle.net/Kyle_Sevenoaks/q4qwp/1/

Answer 2

あなたは、テーブルの位置を変更するために、外側のdivのスタイルを使用することができます。たとえば、

<div style="resize:both"> 
    <table id="sample table"></table> 
</div> 

Answer 3

。ただし、セルまたは列の幅を設定することはできます。

Firefoxをカバーするには、divの各セルの内容をクラスにラップし、対応するクラスセレクタを上記のルールに追加する必要があります。そして、これはので、多分あなたが（サイズ変更可能tdの要素を加えることなく）すべてのセルとCSSルール

.cell { resize: both; overflow: auto; width: 100%; height: 100%; } 

ため

<td><div class=cell>...</div></td> 

を使用する必要があります... 2つのサイズ変更は、各セルにおけるChromeとSafariでハンドルをご紹介します。

このように、すべてのセルがサイズ変更可能であるため、表全体が間接的にサイズ変更可能です（幅と高さを設定しない限り）。

は、visible以外の属性がoverflowのすべての要素に適用されます。実際には、これははるかに制限された方法で動作し、異なるブラウザでは異なって動作します。

Answer 4

テーブルとテーブルの列のサイズを変更するには、Javascriptを使用する必要があります。そこにいくつかのjQueryプラグインがあります。たとえば、colResizableのように、列アンカーを手動でドラッグすることができます。ここで

は、コードの小さなスニペットです：

$("#tabe").colResizable({}); 

あなたがより多くの例を見つけることができます：http://www.bacubacu.com/colresizable/ をするか、このフィドルを試すことができます。そのサイズ変更可能な列などの標準的な機能でした理由http://jsfiddle.net/euka4rm3/