如何在网格布局上添加边框答案

【问题标题】：How to add border on gridlayout如何在网格布局上添加边框
【发布时间】：2021-08-12 16:53:29
【问题描述】：

我正在尝试为这个 nativescript GridLayout 使用 gridStyle 添加边框

<GridLayout columns="200, 150" rows="15, 20" class="gridStyle">
  <label text="Patient Name" class="rowLabelStyle" row="0" col="0"/>
  <label text="{{ fullName }}" class="rowDataStyle" row="1" col="0"/>
  <label text="DOB" class="rowLabelStyle" row="0" col="1"/>
  <label text="{{ data.subDateOfBirth }}" class="rowDataStyle" row="1" col="1"/>
</GridLayout>

这里是相关的css

.gridStyle {
    background-color: cadetblue;
    border: solid 1px darkgray ;
}

我看了很多地方，教程，官方文档没有太多运气，表格不会显示任何命令都是

【问题讨论】：

标签： javascript nativescript

【解决方案1】：

在 NativeScript 中支持的 CSS 属性是 border-width、border-color 和 border-radius。 border 单独的标签是行不通的。

HTML

<GridLayout columns="200, 150" rows="15, 20" class="gridStyle">
  <label text="Patient Name" class="rowLabelStyle" row="0" col="0"/>
  <label text="{{ fullName }}" class="rowDataStyle" row="1" col="0"/>
  <label text="DOB" class="rowLabelStyle" row="0" col="1"/>
  <label text="{{ data.subDateOfBirth }}" class="rowDataStyle" row="1" col="1"/>
</GridLayout>

CSS

.gridStyle {
  border-color: cadetblue;
  border-width: 1px;
}

【讨论】：

样式“GridLayout”不必在 HTML 中的任何地方提及，对吧？我们正在覆盖默认样式
做了修改，请看一下。
正在工作，我刚刚在宽度上添加了“px”，非常感谢。