Table in vertical direction?

Question

Hi All,
I'd like to know if we can display a table in vertical direction: the table is rotated 90 degree anticlockwise, so the visual effect is the the rows becomes columns? Example:
            Item1     Item2 ...
Header1       1         -2
Header2      yes        no
Header3      true      false
Now each new Node element will add a "column" to the table. This is especially useful if the table is used for comparison reason: most of us compare things by putting them from left to right for comparison, not from top to bottom.
Unfortunately I could not find anything about this topic, hope someone can help here. Thanks very much!
Best regards,
Ge

Answer 1

In a purely read-only scenario, you can achieve this layout by programatically creating the view.
Suppose you have a context structure like this:
Items (node, 0:N)
-- name (string)
-- amount (integer)
Then the following code (note: this is for NW 7.1, for earlier versions, you have to add a cast here and there) creates the wanted layout:
  public static void wdDoModifyView(IPrivateTableRotatedCompView wdThis, IPrivateTableRotatedCompView.IContextNode wdContext, com.sap.tc.webdynpro.progmodel.api.IWDView view, boolean firstTime)
    //@@begin wdDoModifyView
    if (firstTime || wdContext.currentContextElement().getItemsChanged())
      IWDTransparentContainer grid = (IWDTransparentContainer) view.getElement("Grid");
      // Headers
        IWDInvisibleElement emptyCell = view.createElement(IWDInvisibleElement.class);
        grid.addChild(emptyCell);
        emptyCell.createLayoutData(IWDMatrixHeadData.class);
        for (int i = 0; i < wdContext.nodeItems().size(); ++i)
          IWDTextView columnHeader = view.createElement(IWDTextView.class);
          columnHeader.setDesign(WDTextViewDesign.EMPHASIZED);
          columnHeader.setText("Item " + i);
          grid.addChild(columnHeader);
      // Row 1: item names
        IWDTextView rowHeader = view.createElement(IWDTextView.class);
        grid.addChild(rowHeader);
          IWDMatrixHeadData layoutData = rowHeader.createLayoutData(IWDMatrixHeadData.class);
        rowHeader.setDesign(WDTextViewDesign.EMPHASIZED);
        rowHeader.setText("Header1");
        for (int i = 0; i < wdContext.nodeItems().size(); ++i)
          IItemsElement item = wdContext.nodeItems().getItemsElementAt(i);
          IWDTextView name = view.createElement(IWDTextView.class);
          grid.addChild(name);
          name.setText(item.getName());
      // Row 2: item amounts
        IWDTextView rowHeader = view.createElement(IWDTextView.class);
        grid.addChild(rowHeader);
        IWDMatrixHeadData layoutData = rowHeader.createLayoutData(IWDMatrixHeadData.class);
        rowHeader.setDesign(WDTextViewDesign.EMPHASIZED);
        rowHeader.setText("Header2");
        for (int i = 0; i < wdContext.nodeItems().size(); ++i)
          IItemsElement item = wdContext.nodeItems().getItemsElementAt(i);
          IWDTextView amount = view.createElement(IWDTextView.class);
          grid.addChild(amount);
          amount.setText(String.valueOf(item.getAmount()));
      wdContext.currentContextElement().setItemsChanged(false);
    //@@end
Armin