From 072783d14ee75f597bbb277ffeb4f9f2f5730b9f Mon Sep 17 00:00:00 2001 From: Kartik Visweswaran Date: Sun, 10 Apr 2016 00:47:29 +0530 Subject: [PATCH] Fix #462: Fix responsiveness for smaller devices --- CHANGE.md | 3 ++- assets/css/kv-grid.css | 7 +++++++ assets/css/kv-grid.min.css | 2 +- 3 files changed, 10 insertions(+), 2 deletions(-) diff --git a/CHANGE.md b/CHANGE.md index 0a88f508..604af5fe 100644 --- a/CHANGE.md +++ b/CHANGE.md @@ -3,7 +3,7 @@ Change Log: `yii2-grid` ## Version 3.1.1 (under development) -**Date:** 08-Mar-2016 +**Date:** 10-Apr-2016 1. (enh #443): Enhance to show header in exported content when setting `floatHeader`. 2. (enh #444): Set default PDF export encoding to utf8. @@ -13,6 +13,7 @@ Change Log: `yii2-grid` 6. (enh #457): Implement `array_replace_recursive` instead of `ArrayHelper::merge` for overriding defaults. 7. (enh #458): Add Slovak Translations. 8. (enh #461): Export configuration font awesome enhancements. +9. (enh #462): Fix responsiveness for smaller devices (resizableColumns overflow). ## Version 3.1.0 diff --git a/assets/css/kv-grid.css b/assets/css/kv-grid.css index 4242ce8f..79955bf8 100644 --- a/assets/css/kv-grid.css +++ b/assets/css/kv-grid.css @@ -331,4 +331,11 @@ td.kv-group-odd { position: relative; overflow: auto; height: 300px; +} + +/** + * Fix overflow and make responsive for mobile/small devices + */ +.grid-view .rc-handle-container { + overflow: hidden; } \ No newline at end of file diff --git a/assets/css/kv-grid.min.css b/assets/css/kv-grid.min.css index fe492bb0..bfbb0658 100644 --- a/assets/css/kv-grid.min.css +++ b/assets/css/kv-grid.min.css @@ -9,4 +9,4 @@ * Author: Kartik Visweswaran * Year: 2015 * For more Yii related demos visit http://demos.krajee.com - */.kv-panel-pager{min-height:34px}.kv-panel-pager .pagination{margin:0 0 -5px;padding:0}.kv-panel-before{padding:10px;border-bottom:1px solid #ddd}.kv-panel-after{padding:10px;border-top:1px solid #ddd}.kv-table-float{border-top:none;border-bottom:none;background-color:#fff}.kv-align-center{text-align:center}.kv-align-left{text-align:left}.kv-align-right{text-align:right}.kv-align-top{vertical-align:top!important}.kv-align-bottom{vertical-align:bottom!important}.kv-align-middle{vertical-align:middle!important}.kv-nowrap{white-space:nowrap}.kv-merged-header{border-bottom:2px solid #ddd!important}.kv-page-summary,.kv-table-footer{border-top:4px double #ddd;font-weight:700}.kv-table-caption{font-size:1.5em;padding:8px;border:1px solid #ddd;border-bottom:none;text-align:center}.panel .kv-table-caption{border:none;border-bottom:1px solid #ddd}.kv-grid-loading{opacity:.5;background:url(../img/loading.gif)center center no-repeat #fff!important}.kv-grid-loading td,.kv-grid-loading tr{background:0 0!important}.kv-grid-loading td{border-color:#efefef!important}.kv-grid-hide{display:none!important}.kv-grid-toolbar .dropdown-menu{z-index:1025}.panel .table-responsive>.floatThead-wrapper>.table,.panel>.floatThead-wrapper>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel .table-responsive>.floatThead-wrapper>.table caption,.panel>.floatThead-wrapper>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}.panel>.floatThead-wrapper>.table:first-child,.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.floatThead-wrapper>.table:last-child,.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.floatThead-wrapper>.table+.panel-body,.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table-responsive>.floatThead-wrapper+.panel-body{border-top:1px solid #ddd}.panel>.floatThead-wrapper>.table>tbody:first-child>tr:first-child td,.panel>.floatThead-wrapper>.table>tbody:first-child>tr:first-child th{border-top:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered,.panel>.floatThead-wrapper>.table-bordered{border:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>td:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>th:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>td:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>th:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>td:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>th:first-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>td:first-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>th:first-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>td:first-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>th:first-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>td:first-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>th:first-child{border-left:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>td:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>th:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>td:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>th:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>td:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>th:last-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>td:last-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>th:last-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>td:last-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>th:last-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>td:last-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>th:last-child{border-right:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>th,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr:first-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr:first-child>th,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>td,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>th,.panel>.floatThead-wrapper>.table-bordered>thead>tr:first-child>td,.panel>.floatThead-wrapper>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>th,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>th,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>td,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>th,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>td,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>th{border-bottom:0;border-radius:3px}@media screen and (max-width:480px){.kv-table-wrap td,.kv-table-wrap th{display:block;width:100%!important;text-align:center;font-size:1.2em}.kv-table-wrap tr>td:first-child{border-top:3px double #ccc;margin-top:10px;font-size:2em}}.kv-clear-radio{float:none}td.kv-group-even{background-color:#f0f1ff!important}.table-hover td.kv-group-even:hover{background-color:#d7d9ff!important}td.kv-group-odd{background-color:#f9fcff!important}.table-hover td.kv-group-odd:hover{background-color:#d7ecff!important}.kv-grouped-row{background-color:#FFF0F5!important;font-size:1.3em;padding-top:10px!important;padding-bottom:10px!important}.table-hover .kv-grouped-row:hover{background-color:#FFE4E1!important}.kv-grid-wrapper{position:relative;overflow:auto;height:300px} \ No newline at end of file + */.kv-panel-pager{min-height:34px}.kv-panel-pager .pagination{margin:0 0 -5px;padding:0}.kv-panel-before{padding:10px;border-bottom:1px solid #ddd}.kv-panel-after{padding:10px;border-top:1px solid #ddd}.kv-table-float{border-top:none;border-bottom:none;background-color:#fff}.kv-align-center{text-align:center}.kv-align-left{text-align:left}.kv-align-right{text-align:right}.kv-align-top{vertical-align:top!important}.kv-align-bottom{vertical-align:bottom!important}.kv-align-middle{vertical-align:middle!important}.kv-nowrap{white-space:nowrap}.kv-merged-header{border-bottom:2px solid #ddd!important}.kv-page-summary,.kv-table-footer{border-top:4px double #ddd;font-weight:700}.kv-table-caption{font-size:1.5em;padding:8px;border:1px solid #ddd;border-bottom:none;text-align:center}.panel .kv-table-caption{border:none;border-bottom:1px solid #ddd}.kv-grid-loading{opacity:.5;background:url(../img/loading.gif)center center no-repeat #fff!important}.kv-grid-loading td,.kv-grid-loading tr{background:0 0!important}.kv-grid-loading td{border-color:#efefef!important}.kv-grid-hide{display:none!important}.kv-grid-toolbar .dropdown-menu{z-index:1025}.panel .table-responsive>.floatThead-wrapper>.table,.panel>.floatThead-wrapper>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel .table-responsive>.floatThead-wrapper>.table caption,.panel>.floatThead-wrapper>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}.panel>.floatThead-wrapper>.table:first-child,.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.floatThead-wrapper>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.floatThead-wrapper>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.floatThead-wrapper>.table:last-child,.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.floatThead-wrapper>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.floatThead-wrapper>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive>.floatThead-wrapper:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.floatThead-wrapper>.table+.panel-body,.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table-responsive>.floatThead-wrapper+.panel-body{border-top:1px solid #ddd}.panel>.floatThead-wrapper>.table>tbody:first-child>tr:first-child td,.panel>.floatThead-wrapper>.table>tbody:first-child>tr:first-child th{border-top:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered,.panel>.floatThead-wrapper>.table-bordered{border:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>td:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>th:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>td:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>th:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>td:first-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>th:first-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>td:first-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>th:first-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>td:first-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>th:first-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>td:first-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>th:first-child{border-left:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>td:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr>th:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>td:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr>th:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>td:last-child,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr>th:last-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>td:last-child,.panel>.floatThead-wrapper>.table-bordered>tbody>tr>th:last-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>td:last-child,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr>th:last-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>td:last-child,.panel>.floatThead-wrapper>.table-bordered>thead>tr>th:last-child{border-right:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>th,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr:first-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>thead>tr:first-child>th,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>td,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:first-child>th,.panel>.floatThead-wrapper>.table-bordered>thead>tr:first-child>td,.panel>.floatThead-wrapper>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>th,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>td,.panel .table-responsive>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>th,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>td,.panel>.floatThead-wrapper>.table-bordered>tbody>tr:last-child>th,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>td,.panel>.floatThead-wrapper>.table-bordered>tfoot>tr:last-child>th{border-bottom:0;border-radius:3px}@media screen and (max-width:480px){.kv-table-wrap td,.kv-table-wrap th{display:block;width:100%!important;text-align:center;font-size:1.2em}.kv-table-wrap tr>td:first-child{border-top:3px double #ccc;margin-top:10px;font-size:2em}}.kv-clear-radio{float:none}td.kv-group-even{background-color:#f0f1ff!important}.table-hover td.kv-group-even:hover{background-color:#d7d9ff!important}td.kv-group-odd{background-color:#f9fcff!important}.table-hover td.kv-group-odd:hover{background-color:#d7ecff!important}.kv-grouped-row{background-color:#FFF0F5!important;font-size:1.3em;padding-top:10px!important;padding-bottom:10px!important}.table-hover .kv-grouped-row:hover{background-color:#FFE4E1!important}.kv-grid-wrapper{position:relative;overflow:auto;height:300px}.grid-view .rc-handle-container{overflow:hidden} \ No newline at end of file