formating of page numbers

ikelca

I'm testing with server-side datatables and simply following intructions on https://datatables.net/examples/server_side/simple.html
the result is little messy, page numbers are all crowded on the bottom right corner

and show entries is mis-aligned with search box

any body can help?

colin

Hi @ikelca ,

It works in the link you posted, so it'll be something to do with your setup. We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

ikelca

http://99.79.64.85/test.php
this is test page and there is only a simple table, as you can see, show entries and seachbox are not on the same line, would you please help?

following is the code in text.php

<?php

require_once('inc/header.html');

<?php >

?>

            <table id="inventoryTable" class="display dataTable table table-sm table-striped table-bordered" style="width:100%">
    <thead>
        <tr>
            <th>CPU</th>
            <th>RAM</th>
            <th>Make</th>
            <th>SerialNumber</th>
                                                            <th>PONumber</th>
            <!-- <th>Start date</th> -->
            <!-- <th>Price</th> -->
        </tr>
    </thead>
    <!-- <tfoot>
        <tr>
            <th>First name</th>
            <th>Last name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </tfoot> -->
</table>

</div>

</div>
<?php
include 'inc/footer.php';

<?php > $(document).ready(function() { $('#inventoryTable').DataTable( { "processing": true, "serverSide": true, "ajax": "inc/processing.php" } ); } ); ?>

ikelca

i think i figured out what's wrong,

i had https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css
and dataTables.css altogether loaded,
somehow they are conflicting
once i removed dataTables.css and just use jquery.dataTables.min.css, the table loads correctly.

so what's the difference between these two anyways?

thanks a lot