为 Zebble 网格创建列 headers 和单元格边框

Question

如何为 Zebble for Xamarin 网格中的每一列添加列和行边框和 headers 并使用它像 ASP.NET GridView 或 html table?

例如，在下面的示例代码段中，想要将 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 grid documentation page.

上没有找到关于此要求的任何文档

我正在使用 Zebble 4.0.140

Answer 1

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

但一般来说，在移动用户体验最佳实践中，建议在显示数据列表时避免使用列 headers。当然，在某些 wire-frames 中，您可能会看到 headers 列，但它们通常只是为了说明而不需要实施。

如果您确实必须实现列 headers，则可以通过将 TextView objects 放在 ListView 之前的一行中来实现。

为 Zebble 网格创建列 headers 和单元格边框

Creating column headers and cell borders for Zebble Grid

c#

user-interface

xamarin

xamarin-zebble

zebble