简体   繁体   中英

how to remove space more than one column inside primefaces

I have created a table using PrimeFaces html tag inside each column I have included an inputText.

How can I remove the spaces between the inputTexts?

xhtml

 <div>
    <table width="100%" style="border:1px solid #2d6282;">  
       <tr>
          <td align="left" > <h:inputText value="#{facility.name}"     style="width:233px"/></td>
          <td align="left"><h:inputText value="#{facility.clientName}"   style="width: 119px"/></td>
          <td align="left"><h:inputText value="#{facility.currentAddress}"   style="width: 130px"/></td>
          <td align="left"><h:inputText value="#{facility.cityState}"   style="width: 100px"/></td>
          <td align="left"><h:inputText value="#{facility.zipCode}"   style="width: 50px"/></td>
          <td align="left"><h:inputText value="#{facility.countryCode}"   style="width: 70px"/></td>
          <td align="left"><h:inputText value="#{facility.currentContact}"   style="width: 60px"/></td>
        </tr>
    </table>
 </div> 

在此处输入图片说明

Remove style="width:233px" form each and every column, keep table row width="100%" your input box will auto adjust. but in that case your input box will be equal size. let me know if you want something else.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM