InputDate display issues when used inside table

InputDate display issues when used inside table

Posted by: thanhthuyeths on 2 January 2023, 11:47 am EST

• 

  thanhthuyeths

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 2 January 2023, 11:47 am EST - Updated 2 January 2023, 11:55 am EST

  Hi,
  
  Help me! When using the date picker inside of a table, display issues.

  <table>
          <tr>
              <td>
                  <c1-input-date  name="date" format="yyyy年MM月dd日"></c1-input-date>
              </td>
          </tr>
      </table>

  
  
  

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 3 January 2023, 6:22 am EST

  Hi,
  
  The issue is because of the table border-spacing CSS value and since the Input control also uses a display table so it causes this issue.

  Please refer to the following CSS setting to fix the above issue.

  <style>
      .wj-control.wj-dropdown{
          border-spacing:0 !important;
      }
  </style>

  Regards,
  
  Manish Gupta

• 

  thanhthuyeths

  • Post Options:
  • Link
    Copy

  Posted 3 January 2023, 9:21 am EST

  I done it.
  
  Thank you for your help.