aspnetcore-js-devexpress-dot-richedit-0fa6a2cf.md
Contains table border settings.
export class TableBorder
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:
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} }
Specifies the border color.
color: string
| Type | Description |
|---|---|
| string |
The border color.
|
Specifies the border line style.
style: BorderLineStyle
| Type | Description |
|---|---|
| BorderLineStyle |
An enumeration value.
|
Specifies the border line width.
width: number
| Type | Description |
|---|---|
| number |
The border line width in twips.
|