RadSpell 无法在表格中正确显示答案

【问题标题】：RadSpell not displaying properly in tableRadSpell 无法在表格中正确显示
【发布时间】：2013-06-28 01:02:34
【问题描述】：

我有一个包含RadTextBox 和RadSpell 控件的表。两者都在自己的 td 标记中，但是当以 ie 10 和 chrome 显示时，RadSpell 按钮与RadTextBox 重叠。

页面代码为：

    <table>
        <colgroup>
            <col width="33%" />
            <col width="36%" />
            <col width="31%" />
        </colgroup>
        <tbody>
            <tr>
                <td>
                    <DescriptionLabel ID="dlNote" Text="Note:" AssociatedControlID="rtbNote" runat="server" />
                </td>
                <td>
                    <tel:RadTextBox ID="rtbNote" runat="server" TextMode="MultiLine" CssClass="SmallTextArea"
                        MaxLength="8000" />
                </td>
                <td>
                    <tel:RadSpell ID="spellNote" runat="server" ControlsToCheck="rtbNote" ButtonText="Spell Check"
                        ButtonType="PushButton" AllowAddCustom="false" />
                </td>
            </tr>
        </tbody>
    </table>

我正在使用 Telerik 控件版本 2013.2.611.40

编辑：我不确定 Telerik 是如何决定这一点的，但我发现当 CssClass SmallTextArea 将文本框的宽度设置为 300px 时，RadTextBox 的跨度设置为 160px，如下所示：

    .SmallTextArea
    {
        height:150px !important;
        width:300px !important;
    }

【问题讨论】：

标签： c# asp.net telerik internet-explorer-10

【解决方案1】：

它对我来说很好，所以这很可能是由于您在页面上使用了一些自定义 CSS。删除它，看看是否是这种情况。

【讨论】：

【解决方案2】：

这里指出：http://www.telerik.com/community/forums/aspnet-ajax/input/radtextbox-resizing.aspx

这是默认行为或RadTextBox 如果您使用 CSS 类来解决此问题，请将 WrapperCssClass 属性设置为与 CssClass 属性相同的类。

它最终会是这样的：

<td>
    <tel:RadTextBox ID="rtbNote" runat="server" TextMode="MultiLine" CssClass="SmallTextArea" WrapperCssClass="SmallTextArea"
         MaxLength="8000" />
</td>

【讨论】：