如何调整 TWebGridPanel 组件中的列和行之间的间距？

Question

有没有办法调整TMS WEB Core中

TWebGridPanel

组件中的行和列之间的间距？

如果有办法的话，怎么办？

Answer 1

方法一：

TWebGridPanel

组件具有

GridLineWidth

属性，可用于更改列和行之间的间距。还有一个

GridLineColor

属性可以更改间距区域的背景颜色。

---

方法二：

如果您想单独调整列或行的间距，可作为另一种方法。所有行 (

TGridPanelRow

) 都具有

MarginBottom

和

MarginTop

属性。所有列 (

TGridPanelColumn

) 都具有

MarginLeft

和

MarginRight

属性。这些边距属性也可用于调整间距。

---

TMS WEB Core 中的错误：

另请注意，截至 TMS WEB Core 当前最新版本（2.5.2.0），存在一个错误。即使您将所有

GridLineColor

和 margin 属性设置为

0

，每个项目之间仍然会有

2px

间隙。

要消除这个

2px

间隙，您需要编写一些 CSS。问题是，在某些浏览器上，组件输出 HTML 中的所有

<td>

元素都包含

padding: 1px

CSS。因此，要解决此问题，您只需将

padding

设置为

0

:

td {
  padding: 0;
}