Tree grid component with cellTemplate in AngularJS

Question

I am using tree-grid component in AngularJS: http://khan4019.github.io/tree-grid-directive/test/treeGrid.html

here is above example in plunker:

http://plnkr.co/edit/CQwY0sNh3jcLLc0vMP5D?p=preview

in comparison with ng-grid, I can't define cellTemplate, but I really need cell formatting possibility. How can I implement example rules for each row:

if TimeZone is equal to EST color Description content on green
if TimeZone is equal to PST color Description content on red
if Population as an odd number replace Area content by image good.jpg
if Population as a even number replace Area content by image bad.jpg

with tree-grid-directive?

Maybe you can propose me some other AngularJS component (with tree expand functionality)?

kashyaphp · Accepted Answer · 2014-08-16 01:35:19Z

1

adapt-strap has a component called tree-browser. That is what you are looking for. It is highly customizable and you can specify template for the whole row. You can also submit a feature request if something is missing.

Project homepage and examples: http://adaptv.github.io/adapt-strap/

answered Aug 16, 2014 at 1:35

kashyaphp

3092 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

It'sMe Over a year ago

Thanks, it looks like something what I was looking for! But I have problem with template for whole row. I would like to add new column with uppercase name: jsfiddle.net/t2qafj81 How to do this correctly?

kashyaphp Over a year ago

You can add as many columns as u want. You won the row template. You just have to set width for each cell using css. Give each cell some class and do min-width in css. so that way it will look like a table.

Collectives™ on Stack Overflow

Tree grid component with cellTemplate in AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related