• Resolved joeldault

    (@joeldault)


    When the page first loads, instead of showing only 10 rows and having page 1, 2 ,3 on the bottom right with the Next and Previous. The page loads all the entries and I have to use the drop down in order to refresh the screen to make the pagination to show up. This has only been an issue since the last undated. Please help
    Here is myth Code

    <style>
    th {font-family:Arial, sans-serif;font-size:14px;padding: 0px 0px 0px 0px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#00000;color:#00000;background-color:#b9c9fe;}
    div.dataTables_wrapper {
    background-color: #D2E4FC;
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
    margin-left: 0px;
    border: 1px solid #ddd;
    text-align: center;
    color: #060606;
    font-size: 11px;
    padding: 2px 0;

    }
    </style>
    <script type=”text/javascript” language=”Javascript”>
    jQuery(document).ready(function() {
    jQuery(‘#myid2332’).dataTable({
    “bJQueryUI”:true, “iDisplayLength”: 10, “sScrollX”:’99%’ })
    });
    </script>
    [cfdb-datatable form=”Ernest Money Form” unbuffered=”true” show=”Agents Name (Your Name) First,Agents Name (Your Name) Last,Submitted Login,Subject Property Street Address,Enter the Dollar Amount of Ernest Money Being Deposited,Account Status,submit_time,Balance” orderby=”Submitted Login ASC” id=”myid2332″ style=”#myid2332 div,th { font-size: 10pt; }” headers=”submit_time=Details,Agents Name (Your Name) First=First Name,Agents Name (Your Name) Last=Last Name,Enter the address of the Property this EMD is for? Street Address=Subject Property,Enter the Dollar Amount of Ernest Money Being Deposited=Initial Deposit Amount,Account Status=Status” hide=”Submitted Login”][/cfdb-datatable]
    <script type=”text/javascript”>
    (function ($) {
    $(‘td[title=”submit_time”] div’).each(
    function () {
    $(this).html(‘<button style=”background-color:#D3D3D3; color: #000000; font-size: 10px”>Click Here</button>‘);
    });
    })(jQuery);
    </script>

    https://wordpress.org/plugins/contact-form-7-to-database-extension/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Michael Simpson

    (@msimpson)

    What happens if you put in the short code:

    dt_option="'bJQueryUI':true, 'iDisplayLength': 10, 'sScrollX':'99%'"

    and delete the first script?

    Thread Starter joeldault

    (@joeldault)

    I had that originally, It defaults and shows all entriesinstead of just 10. There is no pagination on the bottom of the page and the table itself centers on the page between the dropdown for the number of items you want to see per page and the search box. The table does not go the full length of the screen.

    Thread Starter joeldault

    (@joeldault)

    However this did work

    dt_options=”JQueryUI:true, sScrollX:’100%’, bScrollCollapse:true, iDisplayLength:10, sPaginationType:’full_numbers'”

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘dt options dont show properly when page first loads’ is closed to new replies.