title: How to initialize controls in row details with jQuery DataTables and Responsive extension
body: <p>I've this issue I didn't see during development but it happens to my client. I use jQuery DataTables to let the user complete with information. </p>
  
  <p>On a big/normal resolution this does not happened because the DataTables can show all the columns. But on lower resolution the grid shows a green plus button and the controls "inside" that group are not initialized correctly.</p>
  
  <p>Normal page with lower resolution:
  <a href="https://i.stack.imgur.com/dywTa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dywTa.png" alt="Controls not being loaded"></a></p>
  
  <p>Using the Chrome Dev Tools' Console: I can excecute this:</p>
  
  <pre><code>$(".k_numeric").kendoNumericTextBox({ format: "c", decimals: 2 });
  </code></pre>
  
  <p>And the controls now are display correctly.</p>
  
  <p><a href="https://i.stack.imgur.com/iyLyN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iyLyN.png" alt="After js code"></a></p>
  
  <p>So it seems that when the DataTables hides columns to fit on the display, the controls are not being called by JS. I tried searching about this but I don't even know how to search it properly. </p>