为Zebble Grid创建列标题和单元格边框

Question

如何为Zebble for Xamarin网格中的每个列添加列和行边框和标题，并将其用作ASP.NET GridView或html表？

例如，在下面的示例代码段中，想要在第一列中放置id =“col1”而在第二列中放置Id =“col2”

<Grid z-of="rowItem, Cell" Id="List" DataSource="Items" LazyLoad="true" EmptyText="Empty list">        
    <z-Component z-type="Cell" z-partial="true" z-base="GridCell[rowItem]" >
       <TextView Id="col1" CssClass="tableCell" Text="@Item.Col1" />
       <TextView Id="col2" CssClass="tableCell" Text="@Item.Col2" />
    </z-Component>
  </Grid>

我没有在zebble网格documentation page找到有关此要求的任何文档。

我正在使用Zebble 4.0.140

Answer 1

Zebble Grid不是数据网格。它本质上是一个List，每行可以呈现多个项目。但是每行中单元格的性质是相同的，而不是代表不同的数据列。

但一般而言，在移动版UX最佳实践中，建议在显示数据列表时避免使用列标题。当然，在某些线框中，您可能会看到列标题，但它们通常仅用于说明而不需要实现。

如果您确实必须实现列标题，可以通过将TextView对象放在ListView之前的行中来实现。