height

@@ -14,17 +14,22 @@ class GradeDetailPage extends Page {
         super();
         super();
 
 
         this.view = {
         this.view = {
+            header: $('.user-defined-header'),
             levelStr: $('#levelStr'),
             levelStr: $('#levelStr'),
             gradeGraph: $('#gradeGraph'),
             gradeGraph: $('#gradeGraph'),
+            boxEntry: $('.box-entry'),
             gradeBillList: $('#gradeBillList'),
             gradeBillList: $('#gradeBillList'),
+            gradeDetailArea: $('.grade-detail-area'),
             loadingMask: $('#loadingMask'),
             loadingMask: $('#loadingMask'),
             loadingLogoText: $('#loadingMask > .loading-logo, #loadingMask > .loading-text'),
             loadingLogoText: $('#loadingMask > .loading-logo, #loadingMask > .loading-text'),
             navBack: $('.nav-back'),
             navBack: $('.nav-back'),
             noData: $('.no-data')
             noData: $('.no-data')
         };
         };
 
 
+        $(document).ready(() => {
             this.view.gradeBillList.css('height', () => {
             this.view.gradeBillList.css('height', () => {
-            return $(window).height() - 462.5;
+                return $(window).height() - $('.grade-bill-list').offset().top - 50;
+            });
         });
         });
 
 
         this.eGradeGraph = echarts.init(this.view.gradeGraph[0]);
         this.eGradeGraph = echarts.init(this.view.gradeGraph[0]);