1
0
mirror of https://github.com/DataTables/DataTables.git synced 2025-02-19 17:54:14 +01:00

CSS: Automatically clear the DataTable wrapper element

- A numebr of support requests are about why the layout immediately
  after a DataTable looks wrong, and its usually because of the floats
  used by info / paging, so we self clear the wrapper around the
  DataTable controls
This commit is contained in:
Allan Jardine 2013-10-09 14:55:24 +01:00
parent cdae9014de
commit 888c4374e8
3 changed files with 17 additions and 1 deletions

View File

@ -1 +1 @@
6aad176efae1226ac1aad921d37d06218ecaa261
a4723cd28da1a8133232eb5ce83e19b8ff86a50d

View File

@ -217,6 +217,7 @@ table.dataTable.sort-column.hover tbody tr.even:hover.selected > .sorting_3 {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.dataTables_wrapper .dataTables_length {
float: left;
@ -343,3 +344,10 @@ table.dataTable.sort-column.hover tbody tr.even:hover.selected > .sorting_3 {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}

View File

@ -210,6 +210,7 @@ table.dataTable.sort-column.hover tbody tr.even:hover.selected > .sorting_3 {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.dataTables_wrapper .dataTables_length {
float: left;
@ -296,3 +297,10 @@ table.dataTable.sort-column.hover tbody tr.even:hover.selected > .sorting_3 {
.dataTables_wrapper .ui-toolbar {
padding: 8px;
}
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}