How to set value to input type text in header table?

I'm trying to set value to header <th></th> where the input type is text. When I removed the "scrollX": true, or changed it to "scrollX": false, in the DataTable. It works as expected when I click the row, the details will show in the th.

Below is the live sample data with "scrollX": true,
live.datatables.net/masoguma/1/

Below is the live sample data without "scrollX": true, or "scrollX": false,
live.datatables.net/riviroqi/1/

I need the scrollX because I have a more than 30 columns.