Microsoft Edge テーブルの行単位でテキストボックスを編集不可にできないの？？

おはようございます。

こんにちは。

こんばんは。

ドラゴンです。

　

タイトルにもある通り、
Microsoft Edgeではテーブルの行単位でテキストボックスを編集不可にできるのか？？

結論からいいますと

できません。

補足として、Internet Explorerでは行単位での設定が可能です。

★Internet Explorerの場合
trタグにdisabled属性を設定することで行単位で編集を不可にできます。

<table border="1">
    <tr disabled="disabled">
        <td>
            <input type="text" />
        </td>
        <td>
            <input type="text" />
        </td>
    </tr>
</table>

下の画像のように2つのテキストボックスとも編集できなくなっていますね。

★Microsoft Edgeの場合
テキストボックスそれぞれに、disabled属性を設定してください。

<table border="1">
    <tr>
        <td>
            <input type="text" disabled="disabled"/>
        </td>
        <td>
            <input type="text" disabled="disabled"/>
        </td>
    </tr>
</table>

最後に

今回はタグの中にdisabled属性を設定しましたが、実際の業務では特定の行だけを編集不可にしたい
といった場面が出てくるかと思います。 その場合は、ループで回して各テキストボックスにdisabled属性を設定してもらえればよいかと思います。

それでは、ドラゴンでした～～～。