RadSpell无法在表格中正确显示

Question

我的表格包含RadTextBox和RadSpell控件。两者都在他们自己的td标签中，但是当显示在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如何决定这一点，但我发现{CESClass SmallTextArea将文本框的宽度设置为300px时，RadTextBox的范围将宽度设置为160px像这样：

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

Answer 1

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

Answer 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>