SRichViewEdit 表格边框调整

SRichViewEdit 表格默认的表格边框,是有表格边框和单元格边框,并且表格边框与单元格边框有2点的边距,单元格与单元格之间也有2点的边距,看起来是双线的,如下图:

我平常习惯用单细线边框的表格,为此,对SRichViewEdit插入表格的默认格式进行调整,直接修改RichViewActions.pas单元里表格默认属性默认值,打开RichViewActions.pas,找到constructor TrvActionInsertTable.Create,代码如下:

constructor TrvActionInsertTable.Create(AOwner: TComponent);
begin
  inherited;
  RowCount             := 2;
  ColCount             := 2;
  TableOptions         := RVTABLEDEFAULTOPTIONS;
  TablePrintOptions    := RVTABLEDEFAULTPRINTOPTIONS;
  Color                := clNone;
  BorderWidth          := 0;  //表格边框,原值为1
  BorderColor          := clWindowText;
  BorderLightColor     := clBtnHighlight;
  BorderStyle          := rvtbColor;
  BorderVSpacing       := 2;
  BorderHSpacing       := 2;
  CellBorderWidth      := 1;
  CellBorderColor      := clWindowText;
  CellBorderLightColor := clBtnHighlight;
  CellPadding          := 2;
  CellBorderStyle      := rvtbColor;
  VRuleColor           := clWindowText;
  HRuleColor           := clWindowText;
  CellVSpacing         := -1;  //单元格垂直边距,原值为2
  CellHSpacing         := -1;  //单元格水平边距,原值为2
  FMessageID           := rvam_act_InsertTable;
end;

将三处值修改一下,一是表格边框BorderWidth,原值为1,改为0,取消使用表格边框线;

二是将单元格垂直边距,原值为2,修改为-1,原来为2,就产生了单元格垂直边距之间的间隙,让单元格垂直边距之间看起来是双线,如果设为1,单元格相邻边线重叠为2点的线,要变为1点的线,改为-1即可;

三是单元格水平边距,原值为2,修改为-1,原来为2,就产生了单元格水平边距之间的间隙,让单元格水平边距之间看起来是双线,如果设为1,单元格相邻边线重叠为2点的线,要变为1点的线,改为-1即可;

这是点SRichViewEdit的表格图标弹出“插入表格”时的默认值,如果点表格图标旁边的下三角形下拉的单元格自选行列来手入表格时:

需要修改另一处代码的默认值,打开RichViewActions.pas,找到代码部分:

// Border around the table:
    property BorderWidth: TRVStyleLength read FBorderWidth write FBorderWidth default 0;   //表格边框,原值为1
    property BorderColor: TColor read FBorderColor write FBorderColor default clWindowText;
    property BorderLightColor: TColor read FBorderLightColor write FBorderLightColor default clBtnHighlight;
    property BorderStyle: TRVTableBorderStyle read FBorderStyle write FBorderStyle default rvtbColor;
    property BorderVSpacing: TRVStyleLength read FBorderVSpacing write FBorderVSpacing default 2;
    property BorderHSpacing: TRVStyleLength read FBorderHSpacing write FBorderHSpacing default 2;
    // Cells:
    property CellBorderWidth: TRVStyleLength read FCellBorderWidth write FCellBorderWidth default 1;
    property CellBorderColor: TColor read FCellBorderColor write FCellBorderColor default clWindowText;
    property CellBorderLightColor: TColor read FCellBorderLightColor write FCellBorderLightColor default clBtnHighlight;
    property CellPadding: TRVStyleLength read FCellPadding write FCellPadding default 2;
    property CellBorderStyle: TRVTableBorderStyle read FCellBorderStyle write FCellBorderStyle default rvtbColor;
    // Between cells:
    property VRuleWidth: TRVStyleLength read FVRuleWidth write FVRuleWidth default 0;
    property VRuleColor: TColor read FVRuleColor write FVRuleColor default clWindowText;
    property HRuleWidth: TRVStyleLength read FHRuleWidth write FHRuleWidth default 0;
    property HRuleColor: TColor  read FHRuleColor write FHRuleColor default clWindowText;
    property CellVSpacing: TRVStyleLength read FCellVSpacing write FCellVSpacing default -1;    //单元格垂直边距,原值为2
    property CellHSpacing: TRVStyleLength read FCellHSpacing write FCellHSpacing default -1;    //单元格水平边距,原值为2
    property VOutermostRule: Boolean read FVOutermostRule write FVOutermostRule default False;
    property HOutermostRule: Boolean read FHOutermostRule write FHOutermostRule default False;

同样将代码中标示的三处进行修改,保存,重新编译,运行程序在SRichViewEdit里,插入表格时就自动为细线的边框表格线了,如图:

时间: 2024-08-03 09:35:32

SRichViewEdit 表格边框调整的相关文章

JavaScript变换表格边框颜色

效果查看:http://hovertree.com/texiao/js/2.htm 代码如下,保存到HTML文件也可以查看效果: <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码-何问起</title> </head> <body> <div><a href="http://hovertree.com"&g

HTML表格边框的设置小技巧

对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: 对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解.

html 表格边框的设置

对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的"很宽"绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致.因此只需要修改表格的cellspaci

ueditor表格边框没有颜色的解决

问题: 用ueditor画表格,会发现表格存在,但是表格边框没有颜色. 解决方法: 需要对js文件中的样式进行修改,这里我引用的编辑器样式文件是ueditor.all.min.js,所以先找到该文件,有三个部分需要修改.注意:不同版本的js代码可能会有细微不同. 1.搜索到下面部分: c.push('<td width="'+b+'" vAlign="'+a.tdvalign+'" >'+(r.ie?e.fillChar:"<br/>

[转]CSS如何设置html table表格边框样式

原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对table和td技巧性设置表格边框 4.对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示.为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例:table宽度为400px;表格为三列三行,对以上四种情况表格外层加个div

(转)HTML表格边框的设置小技巧

对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格bor

html的表格边框为什么会这么粗?

因为默认情况下,cellspacing = 2px. 当表格的 border 不为 0 的时候,单元格(cell)的 border 为 1. 只有当表格的 border 设置为 0 的时候,单元格的 border 才会变为 0. 所以当我们设置 cellspacing = 0,border = 1 时,表格边框看起来还是比较粗(实际上是 2 像素). 所以一般我们为了得到 1 像素的边框,会这样设置 border = 0 , cellspacing = 1 ,然后分别设置表格的背景色和单元格的背

用table表格来调整控件的格式

因为想自己写一个web,所以也在学习html语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣,无奈那时候还没有自己的电脑,还常去网吧买个软盘下载一些图片,然后用fontpage做一些网页.后来买了电脑,则一直被"传奇"迷的一塌糊涂,也把网页设计给抛到脑后了.... 由于是在ubuntu下面工作,而linux底下的所见即所得的网页设计真是少的可怜.最后选择了bluefish. 想做一个添加设备的表单,结果因为前缀大小不一样,所以很难看.如图: <!DOCTYPE html

bootstrap-table 使用遇到的问题总结:1.右上角button样式自定义;2.右上角引用图标自定义;3.表头/表格内容显示不对齐;4.自定义设置表头及表格边框样式

问题一:右上角button样式自定义 方法: //修改bootstrap-table右上角按钮样式 $(".table-box .columns-right button").removeClass("btn-secondary").css({"backgroundColor": "#fafafa","border": "1px solid #c2c2c2","color&qu