Горизонтальная полоса прокрутки для ajax datatable

Это должно решить вашу проблему:

$(document).ready(function() {
    $('#myDataTable1').DataTable( {
        "scrollX": true,
        "ajax": {
            "dataType": 'json',
            "type": "GET",
            "url": "/DisplayUserProfile",  
            },

        "columns": [
            { "data": "PK_UserProfile" },
            { "data": "UserName" },

        ]
    } );
} );

Обновлять Я думаю, что проблема связана с запросом ajax, поэтому вы должны добавить scrollX после вызова ajax. Таким образом, вы можете использовать события с датами, чтобы заставить его работать:

$(document).ready(function() {

   var s= $('#example').DataTable( {
        "ajax": 'https://www.mocky.io/v2/5c2cd0ec2e0000de52e877a1',

} );


s.one( 'draw', function () {
   $('#example').DataTable({
       destroy: true,
       "scrollX": true
    });
} );


} );

jsFiddle здесь

Использование параметра scrollX должно решить проблему. https://datatables.net/reference/option/scrollX

$(document).ready(function () {
    $('#myDataTable1').DataTable({       
        "ajax": {
            "dataType": 'json',
            "type": "GET",
            "url": "/DisplayUserProfile",  
        },
        "columns": [
            { "data": "PK_UserProfile" },
            { "data": "UserName" },

        ],
        "scrollX": true
    });
});