Best options for an AngularJS Tree Grid

后端 未结 5 1194
无人共我
无人共我 2021-02-01 05:39

For a while now, I\'ve been looking for a Tree Grid that works nicely with AngularJS and haven\'t had a lot of luck.

My requirements are:

  1. Easy to use
5条回答
  •  半阙折子戏
    2021-02-01 06:38

    IgniteUI Tree Grid (not to be confused with the ugly Hierarchical Grid)

    Whilst not perfect, this seems like a reasonable option.

    Pros

    • Looks nice enough
    • Has a few plugins for sorting, filtering, paging, pinning etc.
    • Lazy loading of children can be integrated by listening to expand events (and possibly the InfragisticsLoader)

    Cons

    • No out-of-the-box AngularJS integration
    • No "Infinite Scroll" out-of-the-box

    Its also pretty simple to use:

    $("#treegrid").igTreeGrid({
        width: "100%",
        dataSource: data,
        primaryKey: "employeeID",
        columns: [
            { headerText: "Employee ID", key: "employeeID", dataType: "number" },
            { headerText: "Name", key: "name", dataType: "string" }
        ]
    });
    

    I have created a sample jsFiddle here: http://jsfiddle.net/immersion/qggbs0s6/

提交回复
热议问题