Mobile layout problem

mstudio

I found this example for responsive layout (https://datatables.net/extensions/rowreorder/examples/initialisation/responsive)
and use this code

var table = jQuery('#tblOrder').DataTable( {
        rowReorder: {
            selector: 'td:nth-child(1)'
        },
        responsive: true,
        "order": [],
        "ordering": false,
        "searching": false,
        "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Hebrew.json"
        }
    } );

but I can not make it work,
Here a link you can check "http://80.244.168.168/tours/jeep-tour-in-the-mountainous-greece-and-villages-of-zagorija/"
the table is on the third tab for the right, the one titled "מחירים ותאריכים" after the text there is a table, I use chrome's console and check the mobile layout and the green area is outside of the screen so I need to scroll, I also do not get the layout as n the example, what I can do?

allan

Your page doesn't appear to have either Responsive or RowReorder included on it. Try using the download builder to get the packages you want.

Allan

mstudio

Sorry for the late response, been busy with other site.
I did not understand what to do.
I checked on step1: DataTables
on step 2: DataTables
on Extensions: Responsive
and download them
I need to upload them as they appear with the floders?

mstudio

OK, I upload the new files but it look worst, here a link to check
http://80.244.168.168/tours/jeep-tour-in-the-mountainous-greece-and-villages-of-zagorija/
On desktop layout the table is on the third tab from the right the one titled "מחירים ותאריכים".
What I am doing wrong?

mstudio

I still need help, site is now on different URL
https://israel4x4.com/tours/jeep-trip-to-romania-the-carpathian-mountains-of-transylvania/

vaishnavkoka

@mstudio ,

Place them in correct order, download builder will truly help you in that.

Thanks