DxHtmlEditor.TableResizeEnabled Property

Specifies whether users can resize tables.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool TableResizeEnabled { get; set; }

Property Value

Type	Default	Description
Boolean	false	true to allow users to resize tables; otherwise, false.

Remarks

Enable the TableResizeEnabled property to allow users to resize tables. In code, you can use TableColumnMinWidth and TableRowMinHeight properties to specify minimum column width and row height.

Example

The following code snippet allows users to resize tables and configures the minimum column width and row height:

Razor

<DxHtmlEditor Markup="@markup"
              TableResizeEnabled="true"
              TableColumnMinWidth="100"
              TableRowMinHeight="50"
              Height="500px"
              Width="100%" />

@code {
    string markup = "";
    protected override void OnInitialized() {
        markup = GetData();
    }
}

Markup

public string GetData() {
    return $@"<p>Supported browsers:
                <table>
                    <tbody>
                        <tr>
                            <td><strong>Google Chrome (including Android)</strong></td>
                            <td>Latest</td>
                        </tr>
                        <tr>
                            <td><strong>Apple Safari (including iOS)</strong></td>
                            <td>Latest</td>
                        </tr>
                        <tr>
                            <td><strong>Mozilla Firefox</strong></td>
                            <td>Latest</td>
                        </tr>
                        <tr>
                            <td><strong>Microsoft Edge</strong></td>
                            <td>Latest</td>
                        </tr>
                        <tr>
                            <td><strong><a href='https://support.microsoft.com/en-us/microsoft-edge/what-is-microsoft-edge-legacy-3e779e55-4c55-08e6-ecc8-2333768c0fb0' rel='noopener noreferrer' target='_blank'>Microsoft Edge Legacy</a></strong></td>
                            <td>Not supported</td>
                        </tr>
                    </tbody>
                </table>
                <br>";
}