Okay
  Public Ticket #987582
wpDataTable default scrolled far right
Closed

Comments

  •  2
    TERRY started the conversation

    Hi there support,

    I just gave a ***** 5-star review for your plug-in, with praise for the support team.
     :) 

    Would you kindly tell me how to fix the weird default scroll position of our extra-wide datatable?  In both Chrome and Safari, it's scrolled all the way to the right (showing the last column).  We need it to default to show the 1st column with the heading "Resource Title".  

    Live table: http://teachglobalimpact.org/all-classroom-resources/database

    The scrollbar and nearby items were moved above the table by support.  I don't think I've made any changes since then. 

    Incorrect position (scrolled far right): Screen Shot 2016-12-13 at 1.49.09 AM.png Desired position (scrolled far left):   Screen Shot 2016-12-13 at 1.50.11 AM.png Thank you! 

    thank you! 
    Terry

    PS - You should probably look at my previous tickets, including regarding moving pagination above the table, etc, since I think these were the last changes to the scrollbar. The support ticket titles didn't always match all the content. There were some wordpress theme conflicts.

  •  1,708
    Miloš replied

    Hi TERRY,
    Thank you for your purchase and for the kind words on review.

    In wpDataTables Custom CSS field you will find this code 

    div.wpDataTablesWrapper div.wdtscroll, div.wpDataTablesWrapper table {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg); }

    Replace it with this one :

    div.wpDataTablesWrapper div.wdtscroll, div.wpDataTablesWrapper table {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        direction: rtl; }

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  2
    TERRY replied

    Thanks for your fast reply Bogdan!  

    The scrollbar's default handle position is now correctly all the way to the left (like normal.)

    Unfortunately, the whole table's contents are now incorrectly flipped horizontally so that the 1st column is wrongly displaying the contents intended for the last column, and the last column is now displaying contents intended for the 1st column, etc! 

    Wow... that would be handy in countries were people read right to left... but that's not our audience!

    Im not asking for anything exotic.  Just to reinstate the typical  horizontal scrollable table display, that by default positions the scrollbar handle all the way left, and therefore displays the first column with the intended contents.  People should then have to scroll to see the rest of the table to the right.

    Again ... we need it by default to show the 1st column with the heading "Resource Title".

    I've attached what it looks like now.

  •  1,708
    Miloš replied

    Hi TERRY,

    Please provide me a temporary WP-admin login for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party. You can write credentials here just check Private Reply so nobody can see them except us.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  2
    TERRY replied

    Its the same as before, I haven't changed it.

  •  1,708
    Miloš replied

    Hi TERRY,

    I can not find credentials because you send credentials to my college on his email.
    So can you please send me too so I will be able to investigate further and give you the solution.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  2
    TERRY replied

    OK.  I just emailed them to you.  Thank you.

  •  1,708
    Miloš replied

    HI TERRY,

    I just investigate this "issue" and I think this is caused by some third party plugin or theme.

    My suggestion is to try to change the theme and if it does not help deactivate plugins one by one and try to find/investigate what may cause this issue.

    Also I noticed that you are using 1.6.2 version of our plugin.
    The 1.7 version is out.

    You can download current 1.7 version of our plugin from download section of the Envato market.
    Before you proceed any further please make a backup of both your website and database just in case.

    First option for plugin update would be to just enter valid purchase code in field on Settings page which enables auto update feature

    Second would be to manually update the plugin which requires these steps:

    1.) Download zip from this link

    2.) Use FTP to open /yourwordpressfolder/wp-content/plugins

    3.) Delete existing wpdatatables folder.

    4.) Upload previously downloaded wpdatatables folder through FTP to plugins folder (unzip it)

    5.)  Go to WP-admin panel, open Plugins section.

    6.) Deactivate wpDataTables, and then activate it again.


    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  2
    TERRY replied

    Changing the theme is not an option for the near future.  There are too many customization hours put into it. This is the second theme that has had incompatibility issues with wpDatatables. 

    I would love to have a list of compatible WP Themes.


    This display issue is a relatively new problem, and as far as I know happened only after desirable but optional changes moving navigation element above the table, by the latest wpdataTable code changes support suggested.  

    I'd rather temporarily roll back the optional wpdataTable code changes than restructure the whole website. 

    Isn't there a better solution right now without having to do the archive / update aspirin scenario? 

    I will activate / deactivate plug-ins but there are not that many. that would effect this page other than snippets and visual composer.


    It seems like it should be a simple css fix, since it's a default thing to have the scrollbar handle on the left side as a default.

    Can you can narrow down your guess of the code that is incompatible with the theme?  Then I can ask the Theme developer for specific help for this page.  

    What do you think?  

  •  1,708
    Miloš replied

    Hi TERRY

    I founded your previous ticket https://tmsplugins.ticksy.com/ticket/916032/ where my college told you 
    "As I already mentioned this is more of a fix then proper solution for your request but there is no proper solution because scrollbar is under browser control and unfortunately we cannot do much about that.  "

    The problem with fixes is that is hard to "fix the fix" and, as I can see, this solution is not best for your case. My suggestion would be to replace it with more robust javascript solution for controlling a scrollbar which will give you more control over it. That way you do not need to change current setup. 
     
    At the end you can always delete that custom CSS code and have the scroll bar on the bottom.


    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables