css - グリッドビューの列幅を変更するには?

Question

このチュートリアルを使用して作成したグリッドビューで列幅のサイズを変更しようとしていますが、そうすることができません。私はグーグルで何十もの方法を試してきましたが、どれもうまくいきませんでした。

問題を引き起こしているコード

<asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" />
<asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" />
<asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" />
<asp:TemplateField> // I don't want to show it in my gridview as it is just being
                    // for showing nested gridview
<ItemTemplate>
</td></tr>

列の可視性を変更しようとしましたが、表示/非表示ボタンが機能しなくなりました。

これは私のグリッドビューがどのように見えるかです、

最後の空の列を非表示にするか、その幅を最小化したいので、非表示にして説明列の幅を増やし、ID 番号の列幅と最初の列の幅を減らします。

私もCSSの方法を試しましたが、幅0pxと表示されますが、幅は変わりませんが、うまくいきませControlStyle-Width="10%"んでした。