Okay
  Public Ticket #1858784
Horizontal scrollbar, not all the way bottom
Closed

Comments

  •  1
    Willem started the conversation

    Hi,


    Is it possible to have to horizontal scroll bar "hoovering" with you at the bottom, instead of all the way at the end of the table (especially impractical when many rows are selected for view)?

    Also, could the format be modified that the Column items are "hoovering" at the top of the page while scrolling vertically? This would be similar to "freezing" top rows in Excel when using filters.


    Thanks!

  •  2,572
    Aleksandar replied

    Hi Willem.

    Thank you for your purchase.

    Sorry to disappoint you but unfortunately something like this is not possible to achieve with the plugin built in features at the moment and it requires some code customization.

    Something like this can be achieved with some js that will run on the page load or on scroll of the mouse when viewing the table.

    Customization like this can require 8-10 hours of work.

    This feature highly depends on the theme that you are using and because of that the time and price can not be precisely determined.

    For some themes this can not be done at all.

    Also, this customization would be done as a script that would run on the page so you can use it for other tables as well.

    Best regards.

    Kind Regards, 

    Aleksandar Vuković
    [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

  •  1
    Willem replied

    Dear Aleksandar,

    I have found this javascript / jquery plugin: http://meetselva.github.io/fixed-table-rows-cols/

    I'd like to implement it by using "Custom JS" and "Custom CSS" code. However, each time after saving the settings, I discover that the settings are removed when revisiting the settings page.

    I've inserted in Custom JS:

    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript" src="https://raw.github.com/meetselva/fixed-table-rows-cols/master/fixed_table_rc.js"></script>
    <script type="text/javascript" src="https://raw.github.com/meetselva/fixed-table-rows-cols/gh-pages/js/sortable_table.js"></script>
    <script type="text/javascript">
       $(document).ready(function() {
        $('#fixed_hdr2').fxdHdrCol({
            fixedCols:  0,
            width:     "100%",
            height:    400,
            colModal: [
                   { width: 50, align: 'center' },
                   { width: 110, align: 'center' },
                   { width: 170, align: 'left' },
                   { width: 250, align: 'left' },
                   { width: 100, align: 'left' },
                   { width: 70, align: 'left' },
                   { width: 100, align: 'left' },
                   { width: 100, align: 'center' },
                   { width: 90, align: 'left' },
                   { width: 400, align: 'left' }
            ],
            sort: true
        });
       });
    </script>

    And after uploading the CSS file to my server, I've inserted in Custom CSS:

    <link rel="stylesheet" type="text/css" href="fixed_table_rc.css" />

    After saving I discover that the settings are removed.

    Is this expected behavior?

  •  2,572
    Aleksandar replied

    Hello Willem.

    I am sorry to inform You, but unfortunately this can't be done, since we're using DataTables jQuery plugin.

    Also, You can't use the Custom CSS line in that way. You can add values to existing elements, but not call for new CSS files.

    You can read more about Front-end callbacks in our documentation, and maybe reconsider using hooks and actions to try and achieve this.

    I am sorry for any inconvenience.

    Best regards.

    Kind Regards, 

    Aleksandar Vuković
    [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