Link to home
Start Free TrialLog in
Avatar of Simon Leung
Simon Leung

asked on

Widen filtering box in Primeface datatable filtering column

Any idea how to widthen the filtering box of in Description Column ?


      <p:column headerText="Departure"  filterBy="#{record.departure}" filterFunction="#{tripBean.filterByDate}">
                            <f:facet name="filter">                                 <h:inputHidden id="filter" />                             </f:facet>                             <f:facet name="header">                                 <h:outputText value="Departure" />                                  <br />                                 <p:calendar id="from" pattern="yyyy-MM-dd" styleClass="calendarClass" pt:placeholder="From..."  >                                     <p:ajax event="dateSelect" onstart="$(PrimeFaces.escapeClientId('#{p:component('filter')}'))[0].value = $(PrimeFaces.escapeClientId('#{p:component('from')}_input'))[0].value + '#' + $(PrimeFaces.escapeClientId('#{p:component('to')}_input'))[0].value" oncomplete="PF('tripWidget').filter()" />                                     <p:ajax event="change" onstart="$(PrimeFaces.escapeClientId('#{p:component('filter')}'))[0].value = $(PrimeFaces.escapeClientId('#{p:component('from')}_input'))[0].value + '#' + $(PrimeFaces.escapeClientId('#{p:component('to')}_input'))[0].value" oncomplete="PF('tripWidget').filter()" />                                 </p:calendar>                                 <p:calendar id="to" pattern="yyyy-MM-dd " styleClass="calendarClass" pt:placeholder="To..." >                                     <p:ajax event="dateSelect" onstart="$(PrimeFaces.escapeClientId('#{p:component('filter')}'))[0].value = $(PrimeFaces.escapeClientId('#{p:component('from')}_input'))[0].value + '#' + $(PrimeFaces.escapeClientId('#{p:component('to')}_input'))[0].value" oncomplete="PF('tripWidget').filter()" />                                     <p:ajax event="change" onstart="$(PrimeFaces.escapeClientId('#{p:component('filter')}'))[0].value = $(PrimeFaces.escapeClientId('#{p:component('from')}_input'))[0].value + '#' + $(PrimeFaces.escapeClientId('#{p:component('to')}_input'))[0].value" oncomplete="PF('tripWidget').filter()" />                                 </p:calendar>                             </f:facet>                             <h:outputText value="#{record.departure}">                                 <f:convertDateTime type="date" dateStyle="medium"   />                             </h:outputText>                         </p:column>                                                     

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of lenamtl
lenamtl
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial