Dynamic Table using PanelGrid/PanelGroup

[Irfan Kapadiya]

Hi All,

I have dynamically created panel grid using below code but I am not able to set colsapn to panelGroup component.I have attached image of table format which I required to implement in my project.


HtmlPanelGrid mainGrid=new HtmlPanelGrid();
mainGrid.setColumns(1);
mainGrid.setWidth("100%");
mainGrid.setBorder(1);
HtmlPanelGrid innerGrid=new HtmlPanelGrid();
innerGrid.setColumns(4);
innerGrid.setBorder(1);
HtmlOutputLabel srLabel=new HtmlOutputLabel();
srLabel.setValue("sr No");
innerGrid.getChildren().add(srLabel);
HtmlPanelGroup panelGroup=new HtmlPanelGroup();
panelGroup.setColspan(2);
HtmlOutputLabel panelGroupLabel=new HtmlOutputLabel();
panelGroupLabel.setValue("Date");
panelGroup.getChildren().add(panelGroupLabel);
HtmlPanelGrid groupGrid=new HtmlPanelGrid();
groupGrid.setColumns(2);
HtmlOutputLabel createdDtLabel=new HtmlOutputLabel();
createdDtLabel.setValue("created dt");
groupGrid.getChildren().add(createdDtLabel);

HtmlOutputLabel updatedDate=new HtmlOutputLabel();
updatedDate.setValue("Updated dt");
groupGrid.getChildren().add(updatedDate);
panelGroup.getChildren().add(groupGrid);
innerGrid.getChildren().add(panelGroup);

HtmlOutputLabel holidayDesc=new HtmlOutputLabel();
holidayDesc.setValue("holiday desc");
innerGrid.getChildren().add(holidayDesc);



Please help.

Thanks & Regards,
Irfan