Regarding alignment issue?

saidulu

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.

kthorngren

Looks like the test case works but in your environment the alignment is not working. Is that correct? If so, then your test case would need to be updated to replicate the issue for diagnosis.

My guess is that you aren't loading all the correct Datatables CSS and JS files to integrate with Bootstrap 4. You can use the Download Builder to validate and get all the correct files.

Please update the test case with the Bootstrap environment you have to try replicating the issue. Otherwise a link to your page would be needed to diagnose the issue.

Kevin

allan

Yup - we'd need a link showing the issue to be able to help, not a link showing it working as expected .

Allan