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
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.
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.
This discussion has been closed.
Replies
[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]
Allan