Trouble with placing the page nos above the table with bootstrap pagination type

Trouble with placing the page nos above the table with bootstrap pagination type

moh1234moh1234 Posts: 8Questions: 0Answers: 0
edited February 2014 in General
I have added the bootstrap paginationtype to my table but am struggling with styling it correctly.

I want to place it above the table in the same line: The page nos on the right and the text "Showing 1 of 100...." on the left. I have got:

[code] "sDom": "<<'row'<'span6'><'span6'fip>r>t>" [/code]

Currently both are at the top of the table but on the right hand side on top of each other.

Replies

  • moh1234moh1234 Posts: 8Questions: 0Answers: 0
    My Style CSS
    [code]
    div.dataTables_length label {
    float: left;
    text-align: left;
    }

    div.dataTables_length select {
    width: 75px;
    }

    div.dataTables_filter label {
    float: right;
    }

    div.dataTables_info {
    padding-top: 8px;
    }

    div.dataTables_paginate {
    float: right;
    margin: 0;
    }

    table.table {
    clear: both;
    margin-bottom: 6px !important;
    max-width: none !important;
    }[/code]
  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Can you please link to a test case as required in the forum rules.

    Allan
This discussion has been closed.