Responsive display removes phone country code control

kowadago

Hello, I am using International telephone control https://github.com/jackocnr/intl-tel-input to allow users to set phone numbers with country codes. When allowing responsive DataTable, the control disappears from the input box.
I have two phone inputs "phone 1" & "phone 2" see attached photo, phone 1 already fits and the country code "displayed flag" works, however for "phone 2" the control disappeared.

Any recommendation or other phone country code plugins that you recommend?

gyrocode

Please see jQuery DataTables: Responsive extension and custom controls.

Basically you need to re-initialize custom control when custom control gets hidden in a child row.

---

See more articles about jQuery DataTables on gyrocode.com.

kowadago

Thank you very much, reinitializing in the responsive-display function seems to have done the trick. This worked for me

basically added the $(".phone").intlTelInput(); in the function like this:

myDT.on( 'responsive-display', function ( e, datatable, row, showHide, update ) {
      console.log( 'Details for row '+row.index()+' '+(showHide ? 'shown' : 'hidden') );
      $(".phone").intlTelInput();
    } );