LoginSignup
0
0

More than 3 years have passed since last update.

table列の幅を変更できる方法をedgeで試すと古いedgeだとうまくいかない

Posted at

tableの列幅変更を実装したところ、chromeではうまくいくが、
edgeで効かない。。

.customtable thead td{
    resize: horizontal;
    overflow: hidden;
}
<table class="customtable">
<thead >
    <tr>
        <td>HOGE</td>
        <td>FUGA</td>
    </tr>
</thead>
<tbody>
<tr>
    <td>
        <textarea>ほげ</textarea>
    </td>
    <td>
        <textarea>ふが</textarea>
    </td>
</tr>
</tbody>
</table>

chromeだと、サイズ変更用のマークが表示されるが、edgeだとこれが表示されず、
幅変更もできない。
【chromeで確認】
image.png

こちらにedgenのバージョン79以降だとOKと書いてある。
https://developer.mozilla.org/ja/docs/Web/CSS/resize

で、自分の環境を調べてみると。ver44だった。。
image.png

edgeのバージョンを上げて確認
https://answers.microsoft.com/ja-jp/microsoftedge/forum/msedge_other-msedge_win10/%E3%82%AA%E3%83%95%E3%83%A9%E3%82%A4%E3%83%B3/30cde173-deec-4bc0-a03c-9e1b86f95abe

結果:edgeでもchromeと同様サイズ変更できた。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0