如何为具有多列的表实现扩展/折叠-GWT-Google可视化API

我有具有父子关系的项目列表。 目前，我将它们显示在一个表中。在每行中，第一列以“-”开头，表示深度

现在我想先只显示顶级项目，然后再显示一个“+”按钮。 当用户单击“+”按钮时，它应该转到“-”，并且需要显示该特定项的子项

所以，请帮助我如何在GWT中实现扩展和折叠功能

编辑：

我的项目是树形的。 现在我正在创建一个DataTable并使用GoogleTableChart显示它 守则如下：

            DataTable data = DataTable.create();
            data.addColumn(ColumnType.STRING, "Item Name ");
            data.addColumn(ColumnType.STRING, "Item Id");
            data.addColumn(ColumnType.NUMBER, "Quantity");
            data.addColumn(ColumnType.NUMBER, "Price ($)");
            data.addRows(treeList.size());
            int i=0;
            while(i<treeList.preOrderTraversal().size())
            {
                int col=0;
                Item d=(Item) treeList.preOrderTraversal().get(i);
                int level=d.getLevel();
                //setting values to DataTable goes here
                i++;
            } 
            GoogleTableChart tblChart = new GoogleTableChart();
            vPanel.add(tblChart.showFlexibleTable1(data));

DataTable data=DataTable.create（）；
data.addColumn（ColumnType.STRING，“项目名称”）；
data.addColumn（ColumnType.STRING，“Item Id”）；
data.addColumn（ColumnType.NUMBER，“数量”）；
data.addColumn（ColumnType.NUMBER，“价格（$）”）；
data.addRows（treeList.size（））；
int i=0；
而（i以下是我的解决方案：

我为每个项目创建嵌套的垂直面板，并将引用放在地图中

根据单击隐藏/取消隐藏面板

对于根项，获取一个面板并添加其所有子项。
添加一个子面板后，将其所有子面板添加到另一个面板，隐藏它并添加到根面板。
递归地重复这些步骤

在每行之前放置（+/-）标签并添加以项目id为参数的单击处理程序。
单击这些标签时，根据从地图中获取的隐藏/取消隐藏面板的状态

任何更好的解决方案…？？
大多数标记都是不相关的。问题没有代码。Post代码或将被关闭。请阅读gwt文档。添加了我的代码。请帮助我，我的代码是不相关的，因为它显示的是普通表而不是树。请阅读gwt文档。显示代码仅显示普通表。“树列表”contais是包含父母和孩子详细信息的所有项目。现在我想在展开/折叠模型中显示它们。正如我所说，google可视化是不相关的。用实际的树视图发布代码。