I would like to add rich:tooltip to header column of rich:orderingList.

Issue

• I would like to add rich:tooltip to header column of rich:orderingList. I have tried various options but can't get it to work with rich:orderingList.

  <rich:orderingList id="coursePreferenceList" converter="coursePreferenceConverter"  
      styleClass="orderinglist-header" listWidth="800" value="#{changeOfCoursePreferenceAction.coursePreferenceStoreList}" 
      var="prefStore"  varStatus="current" border="1" controlsType="none" rowClasses="rowwhite, rowblue"
      columnClasses="tdcentrealigned" style="margin-top: 0px;" >
  
      <rich:column headerClass="tdcentrealigned" style="width: 95px !important; white-space: nowrap !important;">
          <f:facet name="header">
              Course<br/>
              Code
              <rich:toolTip id="tooltipCourseCode" followMouse="true">
                      Enter course code if you know it or click search icon.
              </rich:toolTip>
              <br/><img src="/img/dinkus/dot-clear.gif" height="1" width="95px"/>
          </f:facet>
          <h:inputText id="courseCode" value="#{prefStore.courseCode}" maxlength="5" size="6"/>
          <s:span>
              <a href="/course/course-list.tisc?apno=#{prefStore.sortOrder}"><img src="/img/icon/find.gif" alt="Search course"/></a>
          </s:span>
          <br/><img src="/img/dinkus/dot-clear.gif" height="1" width="95px"/>
      </rich:column>
  </rich:orderingList>