gridpanel中的ExtJS图像库

我正在努力在gridpanel中显示多个列。 目前，我只有一列，其中显示了存储的所有图像。 问题是，我如何在同一行中显示例如3个图像

列定义

        {id: 'id', header: '#ID', dataIndex: 'id', hidden: true},
        {dataIndex: 'imgPath_server', hidden: true },
        {header: 'PictureName', dataIndex: 'fileName',width:10},
        {header: 'Image', dataIndex: 'fileLocation', renderer: function(a,b){
            var data = Ext.getCmp('<?php echo $treePanel;?>').selModel.selNode.attributes;
             return "<img src='upload/slika_"+data.id+"/"+a+"' atl='"+a+"' style='width:100px; height:100px;'>";

谢谢你以后的帮助！如果我不清楚，我可以提供更多信息。

---

你好

所以你是说你不会改变数据的外观，但是你想显示3个图像，它们都有相同的数据索引名称，彼此并排显示？或者您可能正在谈论使网格行垂直而不是水平？我想显示具有不同数据索引的图像。每排3个。我曾尝试使用Xtemplate，但没有成功…知道如何在网格组件上的ExtJS中应用一些样式吗？我真的不明白这里有什么问题。。。只需再添加两个列标题，并将这些数据索引用于Image2和Image3。要设置网格组件的样式，请像您所说的那样进行查看，这只是复制相同的项。我不知道如何用不同的物品重复它。我应该设法打破专栏。。。