Skip to main content
All docs
V24.1

TableProperties.StyleName Property

Specifies the table style name.

Namespace: DevExpress.Blazor.RichEdit

Assembly: DevExpress.Blazor.RichEdit.v24.1.dll

NuGet Package: DevExpress.Blazor.RichEdit

Declaration

public string StyleName { get; set; }

Property Value

Type Description
String

A table style name.

Remarks

Use a table’s StyleName property to identify the style applied to the table. The TableStyleOptions property returns the table’s style options.

Note

Style options do not affect table appearance if the Normal Table or Grid Table Light style is applied to the table.

Pass a TableProperties instance to the ChangePropertiesAsync method to customize table appearance. Use properties of the TableStyleName class to obtain table style names. Assign a style name to the TableProperties.StyleName property to apply this style to the table. Specify TableProperties.TableStyleOptions to apply/remove special formatting to/from the first, last, and odd columns and rows.

The following example applies the Grid Table 4 Accent 4 style to a table:

<DxRichEdit @ref="richEdit" />

@code {
    DxRichEdit richEdit;
    protected override async Task OnAfterRenderAsync(bool firstRender) {
        if (firstRender)
            try {
                await InitializeDocument();
            }
            catch (TaskCanceledException) { }
        await base.OnAfterRenderAsync(firstRender);
    }

    async Task InitializeDocument() {
    /* Surround the code that contains an asynchronous operation with a try-catch block to handle
    the OperationCanceledException. This exception is thrown when an asynchronous operation is canceled. */
        try {
            var columnCount = 4;
            var rowCount = 5;
            richEdit.DocumentAPI.BeginUpdate();
            // Creates a table
            Table myTable = await richEdit.DocumentAPI.Tables.CreateAsync(0, columnCount, rowCount);
            for (int i = rowCount-1; i >= 0 ; i--)
                for (int j = columnCount-1; j >= 0 ; j--) {
                    var cellPosition = myTable.Rows[i].Cells[j].Interval.Start;
                    await richEdit.DocumentAPI.AddTextAsync(cellPosition, "sample text");
                }
            // Customizes the table
            await myTable.ChangePropertiesAsync(properties => {
                properties.StyleName = TableStyleName.GridTable4Accent4;
            });
            richEdit.DocumentAPI.EndUpdate();
        }
        catch (OperationCanceledException e) {
            Console.WriteLine($"{nameof(OperationCanceledException)} thrown with message: {e.Message}");
        }
    }
}
See Also