如何调整TMS WEB Core中TWebGridPanel组件的行列间距？

可以调整TMS WEB Core中的TWebGridPanel组件的行与列间距，具体有两种常用实现方式：

方式一：利用组件内置属性快速设置 #

不管是设计阶段还是运行阶段，都可以通过组件自带的属性直接控制间距：

• 设计时操作：在Object Inspector里找到TWebGridPanel的RowSpacing（行间距）和ColSpacing（列间距）属性，输入想要的像素值即可生效。
• 运行时动态调整：通过代码修改属性值，示例代码（Delphi语法）：

// 设置行间距为10像素，列间距为8像素
WebGridPanel1.RowSpacing := 10;
WebGridPanel1.ColSpacing := 8;

方式二：自定义CSS实现更灵活的样式控制 #

如果需要针对特定行/列设置不同间距，或者做响应式适配，可以用CSS来控制：

1. 先给TWebGridPanel的ElementClassName属性赋值，比如设为custom-grid-spacing。
2. 在项目的CSS文件中添加以下样式：

/* 控制行之间的间距 */
.custom-grid-spacing .gridpanel-row {
    margin-bottom: 12px;
}
/* 控制列之间的间距 */
.custom-grid-spacing .gridpanel-col {
    margin-right: 10px;
}
/* 移除最后一列的右侧间距，避免容器右侧出现多余空白 */
.custom-grid-spacing .gridpanel-col:last-child {
    margin-right: 0;
}

内容的提问来源于stack exchange，提问作者Shaun Roselt