Wt

i can provide the whole test code:

#include <Wt/WApplication>
#include <Wt/WContainerWidget>
#include <Wt/WWidget>
#include <Wt/WPushButton>
#include <Wt/WMessageBox>
#include <Wt/WStandardItemModel>
#include <Wt/WTreeView>
#include <Wt/WBreak>

using namespace Wt;

class TestApplication : public Wt::WApplication
{
private:
  WContainerWidget   *rootContainer_;

public:
  TestApplication(const WEnvironment& env);

  void showFirstButton();
  void showTreeView();
};

TestApplication::TestApplication(const WEnvironment& env):
  WApplication(env),
  rootContainer_(NULL)
{
  rootContainer_ = new WContainerWidget(root());
  showFirstButton();
}

void TestApplication::showFirstButton()
{
  rootContainer_->clear();

  WPushButton* firstButton = new WPushButton("show the treeview");
  firstButton->resize(WLength(200, WLength::Pixel), WLength(35, WLength::Pixel));
  firstButton->clicked().connect(this, &TestApplication::showTreeView);

  rootContainer_->addWidget(firstButton);
}

void TestApplication::showTreeView()
{
  rootContainer_->clear();

  //button
  WPushButton* secondButton = new WPushButton("close the table view");
  secondButton->resize(WLength(200, WLength::Pixel), WLength(35, WLength::Pixel));
  secondButton->clicked().connect(this, &TestApplication::showFirstButton);

  //table view
  WStandardItemModel* model = new WStandardItemModel();
  model->insertColumns(0, 4);

  model->setHeaderData(0, boost::any(std::string("column 0")));
  model->setHeaderData(1, boost::any(std::string("column 1")));
  model->setHeaderData(2, boost::any(std::string("column 2")));
  model->setHeaderData(3, boost::any(std::string("column 3")));

  model->insertRows(0, 4);
  for (int i=0; i<4; i++)
    for (int j=0; j<4; j++)
    {
      WString cellData("({1}, {2})");
      model->setData(model->index(i, j), boost::any(cellData.arg(i).arg(j))); 
    }

  WTreeView* treeView = new WTreeView();
  treeView->setModel(model);

  treeView->setColumnWidth(0, 100);
  treeView->setColumnWidth(1, 110);
  treeView->setColumnWidth(2, 120);
  treeView->setColumnWidth(3, 130);
  treeView->resize(WLength(500, WLength::Pixel), WLength(160, WLength::Pixel));

  treeView->setRowHeaderCount(1);  //!!!!

  //breaks
  WBreak* br1 = new WBreak();
  WBreak* br2 = new WBreak();

  //collect widgets
  rootContainer_->addWidget(secondButton);
  rootContainer_->addWidget(br1);
  rootContainer_->addWidget(br2);
  rootContainer_->addWidget(treeView);
}

WApplication *createApplication(const WEnvironment& env)
{
  return new TestApplication(env);
}

int main(int argc, char **argv)
{
  return WRun(argc, argv, &createApplication);
}

in IE8:

when u click the "show the treeview" button first time. u can see the error like attachment of wrong_pic.png.

when u click the "show the treeview" button trice. the treeview shows correctly like attachment of right_pic.png.

in FF:

it's OK

Perhaps i found the reason, there are some problems in WTreeView.js:

1. autoJavaScript() and adjustColumns() are all implemented with setTimerout(...), the order of calling these function is uncertain. so autoJaveScript() will be called before adjustColumns(), that is not expected, because some elments' CSS value must be set before autoJavaScript(). so we should schedule the autoJaveScript() following the first calling adjustColumns().

2. in adjustColumns(), if rowHeaderCount>0, not only width of "Wt-tv-rowc" but also width of "Wt-tv-row" should be set. otherwise, the right float divs will be hidden.

my changes is posted in attachment WTreeView.js for REFERENCE ONLY.

after i change the code and recompile WT, the error never shown.

Hey,

I ended with another fix (WTreeView.js is a bit of a mess as you noticed, and IE adds its own share of quirks).

Somehow the root problem is not the order in which updateColumns() or autoJavaScript() are called, but IE returns a bogus size of 0 for contentsContainer.clientWidth in this case (I am unwilling to try to understand it).

diff --git a/src/js/WTreeView.js b/src/js/WTreeView.js
index cd27df0..6754685 100644
--- a/src/js/WTreeView.js
+++ b/src/js/WTreeView.js
@@ -268,14 +268,14 @@ WT_DECLARE_WT_MEMBER
       var scrollwidth = contentsContainer.offsetWidth
         - contentsContainer.clientWidth;

-      tw -= scrollwidth;
+      if (contentsContainer.clientWidth > 0)
+       tw -= scrollwidth;

       if ($el.hasClass('column1')) {
        c0id = $el.find('.Wt-headerdiv').get(0)
          .lastChild.className.split(' ')[0];
        c0r = WT.getCssRule('#' + el.id + ' .' + c0id);
        c0w = WT.pxself(c0r, 'width');
-
       }

       // XXX: IE's incremental rendering foobars completely