Back to Devexpress

TableBordersBase Class

aspnetcore-js-devexpress-dot-richedit-95cd533a.md

latest2.4 KB
Original Source

TableBordersBase Class

Defines the base API for classes that implement table borders.

Declaration

ts
export abstract class TableBordersBase

Remarks

Use the Table.borders property to access table borders and customize their settings. The TableCell.borders property allows you to access and customize cell borders.

Note

Cell border settings take priority over table border settings.

The following code example customizes table and cell borders:

js
const subDocument = richEdit.selection.activeSubDocument;
const table = subDocument.tables.getByIndex(0);
const outerBorder = {style: 1, width: 30, color: '#4974a5'};
const innerBorder = {style: 4, width: 15, color: '#d3d3d3'};
table.borders = { bottom: outerBorder, top: outerBorder, left: outerBorder, right: outerBorder,
                  insideHorizontal: innerBorder, insideVertical: innerBorder};
const cell = table.rows.getByIndex(1).cells.getByIndex(0);
cell.borders = { top: { style: 5, color: 'blue', width: 20} }

Inheritance

TableBordersBase TableCellBorders

TableBorders

Properties

bottom Property

Specifies bottom border settings.

Declaration

ts
bottom: TableBorder

Property Value

TypeDescription
TableBorder

An object that contains border settings.

|

left Property

Specifies left border settings.

Declaration

ts
left: TableBorder

Property Value

TypeDescription
TableBorder

An object that contains border settings.

|

right Property

Specifies right border settings.

Declaration

ts
right: TableBorder

Property Value

TypeDescription
TableBorder

An object that contains border settings.

|

top Property

Specifies top border settings.

Declaration

ts
top: TableBorder

Property Value

TypeDescription
TableBorder

An object that contains border settings.

|