rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2024-12-01 13:24:10 +01:00
Code Issues Releases Activity

New: Responsive CSS for core styles

Browse Source 
- On smaller screens the table controls (length, search, info and
  paging) will show as stacked now.
This commit is contained in:
Allan Jardine 2014-03-14 12:32:27 +00:00
parent fd857d4864
commit 3e33795877
3 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.datatables-commit-sync
View File

@ -1 +1 @@
622c32e41972450a58eb72b38b4252ce2ac42967
fa83229b3cd91482f9cefa5a6fffd6dddc3b5f55

14
media/css/jquery.dataTables.css
View File

@ -376,3 +376,17 @@ table.dataTable td {
clear: both;
height: 0;
}
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em;
}
}

14
media/css/jquery.dataTables_themeroller.css
View File

@ -314,3 +314,17 @@ table.dataTable td {
clear: both;
height: 0;
}
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em;
}
}