Kendo Grid(任何JS框架)我可以将数据放在列标题中吗?

时间:2019-01-31 14:50:18

标签: angular kendo-grid

我需要将数据放入kendo数据网格中几列的标题单元中。这是一个时间表应用程序,第一列代表“活动”,其他列代表这些活动的两周日期。

我来自WPF背景。在RadGrid for WPF中,您可以执行以下操作:

<telerik:GridViewDataColumn.Header>
    <Grid Height="32">
        <Grid.RowDefinitions>
            <RowDefinition Height="16" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" VerticalAlignment="Top" HorizontalAlignment="Center"
        x:Name="tbDay_0" Loaded="tbDay_Loaded" />
        <TextBlock Grid.Row="1" Style="{StaticResource mini}" 
        x:Name="tbDate_0" Loaded="tbDate_Loaded" />
    </Grid>
</telerik:GridViewDataColumn.Header>

然后,在tb_Day_Loaded和tbDate_Loaded事件处理程序中,您基本上可以从日期列表中获取日期,并用它填充这些文本块。

虽然这不是理想的选择(相信我,我宁愿使用数据绑定来做到这一点),但它确实有效。

现在,我正在尝试将应用程序转换为Angular,并且我将Kendo网格用于Angular。我看不到这样做的方法。

下面是我要实现的屏幕截图。这是从WPF版本开始的。如您所见,日期列显示在“注释”列之后,在“总计”列之前。

WPF Version.

有人可以帮助我达到这一要求吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

我只是用jQuery完成。