如何在ng-grid中添加带分页的不同图像

Question

我有一个网格，使用以下代码在其列之一中将图像显示为值。

{
    field: 'TR',
    displayName: 'Trigger Redundancy',
    cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text><img src="http://goo.gl/aFomAA"></img></span></div>'   
}

现在我想要对我的网格进行更多改动，我无法做到，

1. 相反，将一个图像显示为列的值，我想要根据0-4的数值显示五个不同的图像。

2. 我想在我的网格中加入bootstrap分页。

3. 显示图像后，当我右键单击它时，它应该为我提供一些功能，使用它我可以将图像更改为不同的图像。

4. 我想要第一列应该为我提供一个按钮，通过点击它我应该能够在我的网格下面的某些textbox显示该行的信息。

5. 我想在我的三个列上应用过滤，这样我就会向用户提供一个textbox来搜索他要输入的内容，应该从这三列中过滤掉。

我怎样才能做到这一点？可能是一个有效的例子吗？

我的网格

有一个工作演示Plunker

Answer 1

我根据数据显示从0到4的图像，甚至是点击功能，但我想显示一些选项，你应该避免右击，你使用左键单击，如果你将更改它的数据源会自动在网格中显示所需的值，以显示不同的图像。