Regarding alignment issue?

Hi @allan ,
I created a test case regarding the issue for alignment issue.

Please go through the steps below to replicate the issue:
--> Run this code in .
-->Select No1 field try to update it to any name (example ::
System Architectaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa) and click outside of the table.
--> the header and body alignment came correctly.

Result in my application:

-->When i edit any field and insert so many characters (Example::
System Architectaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa) and click outside.
--> In our case input field is expanding but header is not expanding, we are not using anything extra styles/css. How to resolve this issue.
--> we are using data table version-

datatables-1.10.19/js/jquery.dataTables.min.js
editor-1.8.0/js/dataTables.editor.min.js
editor-1.8.0/css/editor.bootstrap4.min.css

Please go through this updated link @allan

http://live.datatables.net/diyariwa/33/edit

Thanks,
Saidulu.