@syncfusion/ej2-react-grids 21.2.3 → 21.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -707,6 +707,10 @@
707
707
  padding: 0 10px;
708
708
  font-size: 14px;
709
709
  }
710
+ .e-bigger .e-grid.e-device .e-groupheadercell,
711
+ .e-grid.e-bigger.e-device .e-groupheadercell {
712
+ padding: 0 10px;
713
+ }
710
714
  .e-bigger .e-grid .e-groupheadercell:hover,
711
715
  .e-grid.e-bigger .e-groupheadercell:hover {
712
716
  padding: 0 10px;
@@ -765,6 +769,7 @@
765
769
  .e-bigger .e-grid.e-device .e-groupheadercell span,
766
770
  .e-grid.e-bigger.e-device .e-groupheadercell span {
767
771
  line-height: 30px;
772
+ padding: 0;
768
773
  }
769
774
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
770
775
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -842,11 +847,19 @@
842
847
  margin-top: 0;
843
848
  margin-right: 0;
844
849
  }
850
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
851
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
852
+ margin-top: 0;
853
+ }
845
854
  .e-bigger .e-grid span.e-groupsort.e-icons,
846
855
  .e-grid.e-bigger span.e-groupsort.e-icons {
847
856
  margin-right: 10px;
848
857
  margin-top: 0;
849
858
  }
859
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
860
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
861
+ margin-top: 0;
862
+ }
850
863
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
851
864
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
852
865
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1810,6 +1823,8 @@
1810
1823
  border-top-style: solid;
1811
1824
  border-top-width: 1px;
1812
1825
  padding: 0.3em;
1826
+ font-weight: normal;
1827
+ text-align: left;
1813
1828
  }
1814
1829
  .e-grid th.e-detailcell .e-rowcell,
1815
1830
  .e-grid th.e-detailcell .e-gridpager {
@@ -2799,6 +2814,7 @@
2799
2814
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2800
2815
  border-right-style: solid;
2801
2816
  border-right-width: 1px;
2817
+ text-align: right;
2802
2818
  }
2803
2819
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2804
2820
  float: left;
@@ -3141,6 +3157,10 @@
3141
3157
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3142
3158
  padding: 0;
3143
3159
  }
3160
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3161
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3162
+ padding: 0;
3163
+ }
3144
3164
 
3145
3165
  .e-grid-min-height .e-rowcell,
3146
3166
  .e-grid-min-height .e-icon-grightarrow,
@@ -3290,8 +3310,17 @@
3290
3310
  position: absolute;
3291
3311
  top: 6px;
3292
3312
  white-space: nowrap;
3313
+ text-overflow: ellipsis;
3314
+ overflow: hidden;
3293
3315
  width: 45%;
3294
3316
  }
3317
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3318
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3319
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3320
+ line-height: 18px;
3321
+ white-space: normal;
3322
+ word-wrap: break-word;
3323
+ }
3295
3324
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3296
3325
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3297
3326
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
@@ -790,6 +790,10 @@
790
790
  padding: 6px 0;
791
791
  font-size: 16px;
792
792
  }
793
+ .e-bigger .e-grid.e-device .e-groupheadercell,
794
+ .e-grid.e-bigger.e-device .e-groupheadercell {
795
+ padding: 0;
796
+ }
793
797
  .e-bigger .e-grid .e-groupheadercell:hover,
794
798
  .e-grid.e-bigger .e-groupheadercell:hover {
795
799
  padding: 6px 0;
@@ -848,6 +852,7 @@
848
852
  .e-bigger .e-grid.e-device .e-groupheadercell span,
849
853
  .e-grid.e-bigger.e-device .e-groupheadercell span {
850
854
  line-height: 33px;
855
+ padding: 0 8px;
851
856
  }
852
857
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
853
858
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -926,6 +931,10 @@
926
931
  margin-right: 4px;
927
932
  padding: 0 4px;
928
933
  }
934
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
935
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
936
+ margin-top: 0;
937
+ }
929
938
  .e-bigger .e-grid span.e-groupsort.e-icons,
930
939
  .e-grid.e-bigger span.e-groupsort.e-icons {
931
940
  margin-right: 0;
@@ -933,6 +942,10 @@
933
942
  margin-left: 0;
934
943
  padding: 0 4px;
935
944
  }
945
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
946
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
947
+ margin-top: 0;
948
+ }
936
949
  .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
937
950
  .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
938
951
  margin-top: 0;
@@ -1908,6 +1921,8 @@
1908
1921
  border-top-style: solid;
1909
1922
  border-top-width: 1px;
1910
1923
  padding: 0.3em;
1924
+ font-weight: normal;
1925
+ text-align: left;
1911
1926
  }
1912
1927
  .e-grid th.e-detailcell .e-rowcell,
1913
1928
  .e-grid th.e-detailcell .e-gridpager {
@@ -2902,6 +2917,7 @@
2902
2917
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2903
2918
  border-right-style: solid;
2904
2919
  border-right-width: 1px;
2920
+ text-align: right;
2905
2921
  }
2906
2922
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2907
2923
  float: left;
@@ -3252,6 +3268,10 @@
3252
3268
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3253
3269
  padding: 11.5px 4px 14px 4px;
3254
3270
  }
3271
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3272
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3273
+ padding: 0 8px;
3274
+ }
3255
3275
 
3256
3276
  .e-grid-min-height .e-rowcell,
3257
3277
  .e-grid-min-height .e-icon-grightarrow,
@@ -3422,8 +3442,17 @@
3422
3442
  position: absolute;
3423
3443
  top: 6px;
3424
3444
  white-space: nowrap;
3445
+ text-overflow: ellipsis;
3446
+ overflow: hidden;
3425
3447
  width: 45%;
3426
3448
  }
3449
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3450
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3451
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3452
+ line-height: 21px;
3453
+ white-space: normal;
3454
+ word-wrap: break-word;
3455
+ }
3427
3456
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3428
3457
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3429
3458
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
@@ -790,6 +790,10 @@
790
790
  padding: 6px 0;
791
791
  font-size: 16px;
792
792
  }
793
+ .e-bigger .e-grid.e-device .e-groupheadercell,
794
+ .e-grid.e-bigger.e-device .e-groupheadercell {
795
+ padding: 0;
796
+ }
793
797
  .e-bigger .e-grid .e-groupheadercell:hover,
794
798
  .e-grid.e-bigger .e-groupheadercell:hover {
795
799
  padding: 6px 0;
@@ -848,6 +852,7 @@
848
852
  .e-bigger .e-grid.e-device .e-groupheadercell span,
849
853
  .e-grid.e-bigger.e-device .e-groupheadercell span {
850
854
  line-height: 33px;
855
+ padding: 0 8px;
851
856
  }
852
857
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
853
858
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -926,6 +931,10 @@
926
931
  margin-right: 4px;
927
932
  padding: 0 4px;
928
933
  }
934
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
935
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
936
+ margin-top: 0;
937
+ }
929
938
  .e-bigger .e-grid span.e-groupsort.e-icons,
930
939
  .e-grid.e-bigger span.e-groupsort.e-icons {
931
940
  margin-right: 0;
@@ -933,6 +942,10 @@
933
942
  margin-left: 0;
934
943
  padding: 0 4px;
935
944
  }
945
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
946
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
947
+ margin-top: 0;
948
+ }
936
949
  .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
937
950
  .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
938
951
  margin-top: 0;
@@ -1908,6 +1921,8 @@
1908
1921
  border-top-style: solid;
1909
1922
  border-top-width: 1px;
1910
1923
  padding: 0.3em;
1924
+ font-weight: normal;
1925
+ text-align: left;
1911
1926
  }
1912
1927
  .e-grid th.e-detailcell .e-rowcell,
1913
1928
  .e-grid th.e-detailcell .e-gridpager {
@@ -2902,6 +2917,7 @@
2902
2917
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2903
2918
  border-right-style: solid;
2904
2919
  border-right-width: 1px;
2920
+ text-align: right;
2905
2921
  }
2906
2922
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2907
2923
  float: left;
@@ -3252,6 +3268,10 @@
3252
3268
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3253
3269
  padding: 11.5px 4px 14px 4px;
3254
3270
  }
3271
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3272
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3273
+ padding: 0 8px;
3274
+ }
3255
3275
 
3256
3276
  .e-grid-min-height .e-rowcell,
3257
3277
  .e-grid-min-height .e-icon-grightarrow,
@@ -3422,8 +3442,17 @@
3422
3442
  position: absolute;
3423
3443
  top: 6px;
3424
3444
  white-space: nowrap;
3445
+ text-overflow: ellipsis;
3446
+ overflow: hidden;
3425
3447
  width: 45%;
3426
3448
  }
3449
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3450
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3451
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3452
+ line-height: 21px;
3453
+ white-space: normal;
3454
+ word-wrap: break-word;
3455
+ }
3427
3456
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3428
3457
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3429
3458
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
@@ -711,6 +711,10 @@
711
711
  padding: 1px 10px;
712
712
  font-size: 14px;
713
713
  }
714
+ .e-bigger .e-grid.e-device .e-groupheadercell,
715
+ .e-grid.e-bigger.e-device .e-groupheadercell {
716
+ padding: 1px 10px;
717
+ }
714
718
  .e-bigger .e-grid .e-groupheadercell:hover,
715
719
  .e-grid.e-bigger .e-groupheadercell:hover {
716
720
  padding: 0 9px;
@@ -769,6 +773,7 @@
769
773
  .e-bigger .e-grid.e-device .e-groupheadercell span,
770
774
  .e-grid.e-bigger.e-device .e-groupheadercell span {
771
775
  line-height: 30px;
776
+ padding: 0;
772
777
  }
773
778
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
774
779
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -846,11 +851,19 @@
846
851
  margin-top: 1px;
847
852
  margin-right: 0;
848
853
  }
854
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
855
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
856
+ margin-top: 1px;
857
+ }
849
858
  .e-bigger .e-grid span.e-groupsort.e-icons,
850
859
  .e-grid.e-bigger span.e-groupsort.e-icons {
851
860
  margin-right: 10px;
852
861
  margin-top: 0;
853
862
  }
863
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
864
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
865
+ margin-top: 0;
866
+ }
854
867
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
855
868
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
856
869
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1814,6 +1827,8 @@
1814
1827
  border-top-style: solid;
1815
1828
  border-top-width: 1px;
1816
1829
  padding: 0.3em;
1830
+ font-weight: normal;
1831
+ text-align: left;
1817
1832
  }
1818
1833
  .e-grid th.e-detailcell .e-rowcell,
1819
1834
  .e-grid th.e-detailcell .e-gridpager {
@@ -2803,6 +2818,7 @@
2803
2818
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2804
2819
  border-right-style: solid;
2805
2820
  border-right-width: 1px;
2821
+ text-align: right;
2806
2822
  }
2807
2823
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2808
2824
  float: left;
@@ -3145,6 +3161,10 @@
3145
3161
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3146
3162
  padding: 0;
3147
3163
  }
3164
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3165
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3166
+ padding: 0;
3167
+ }
3148
3168
 
3149
3169
  .e-grid-min-height .e-rowcell,
3150
3170
  .e-grid-min-height .e-icon-grightarrow,
@@ -3294,8 +3314,17 @@
3294
3314
  position: absolute;
3295
3315
  top: 6px;
3296
3316
  white-space: nowrap;
3317
+ text-overflow: ellipsis;
3318
+ overflow: hidden;
3297
3319
  width: 45%;
3298
3320
  }
3321
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3322
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3323
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3324
+ line-height: 18px;
3325
+ white-space: normal;
3326
+ word-wrap: break-word;
3327
+ }
3299
3328
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3300
3329
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3301
3330
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
@@ -711,6 +711,10 @@
711
711
  padding: 1px 10px;
712
712
  font-size: 14px;
713
713
  }
714
+ .e-bigger .e-grid.e-device .e-groupheadercell,
715
+ .e-grid.e-bigger.e-device .e-groupheadercell {
716
+ padding: 1px 10px;
717
+ }
714
718
  .e-bigger .e-grid .e-groupheadercell:hover,
715
719
  .e-grid.e-bigger .e-groupheadercell:hover {
716
720
  padding: 0 9px;
@@ -769,6 +773,7 @@
769
773
  .e-bigger .e-grid.e-device .e-groupheadercell span,
770
774
  .e-grid.e-bigger.e-device .e-groupheadercell span {
771
775
  line-height: 30px;
776
+ padding: 0;
772
777
  }
773
778
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
774
779
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -846,11 +851,19 @@
846
851
  margin-top: 1px;
847
852
  margin-right: 0;
848
853
  }
854
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
855
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
856
+ margin-top: 1px;
857
+ }
849
858
  .e-bigger .e-grid span.e-groupsort.e-icons,
850
859
  .e-grid.e-bigger span.e-groupsort.e-icons {
851
860
  margin-right: 10px;
852
861
  margin-top: 0;
853
862
  }
863
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
864
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
865
+ margin-top: 0;
866
+ }
854
867
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
855
868
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
856
869
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1814,6 +1827,8 @@
1814
1827
  border-top-style: solid;
1815
1828
  border-top-width: 1px;
1816
1829
  padding: 0.3em;
1830
+ font-weight: normal;
1831
+ text-align: left;
1817
1832
  }
1818
1833
  .e-grid th.e-detailcell .e-rowcell,
1819
1834
  .e-grid th.e-detailcell .e-gridpager {
@@ -2803,6 +2818,7 @@
2803
2818
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2804
2819
  border-right-style: solid;
2805
2820
  border-right-width: 1px;
2821
+ text-align: right;
2806
2822
  }
2807
2823
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2808
2824
  float: left;
@@ -3145,6 +3161,10 @@
3145
3161
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3146
3162
  padding: 0;
3147
3163
  }
3164
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3165
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3166
+ padding: 0;
3167
+ }
3148
3168
 
3149
3169
  .e-grid-min-height .e-rowcell,
3150
3170
  .e-grid-min-height .e-icon-grightarrow,
@@ -3294,8 +3314,17 @@
3294
3314
  position: absolute;
3295
3315
  top: 6px;
3296
3316
  white-space: nowrap;
3317
+ text-overflow: ellipsis;
3318
+ overflow: hidden;
3297
3319
  width: 45%;
3298
3320
  }
3321
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3322
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3323
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3324
+ line-height: 18px;
3325
+ white-space: normal;
3326
+ word-wrap: break-word;
3327
+ }
3299
3328
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3300
3329
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3301
3330
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
@@ -755,6 +755,10 @@
755
755
  padding: 0 8px 0 12px;
756
756
  font-size: 13px;
757
757
  }
758
+ .e-bigger .e-grid.e-device .e-groupheadercell,
759
+ .e-grid.e-bigger.e-device .e-groupheadercell {
760
+ padding: 0 8px 0 12px;
761
+ }
758
762
  .e-bigger .e-grid .e-groupheadercell:hover,
759
763
  .e-grid.e-bigger .e-groupheadercell:hover {
760
764
  padding: 0 8px 0 12px;
@@ -813,6 +817,7 @@
813
817
  .e-bigger .e-grid.e-device .e-groupheadercell span,
814
818
  .e-grid.e-bigger.e-device .e-groupheadercell span {
815
819
  line-height: 30px;
820
+ padding: 0;
816
821
  }
817
822
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
818
823
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -890,11 +895,19 @@
890
895
  margin-top: 0;
891
896
  margin-right: 0;
892
897
  }
898
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
899
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
900
+ margin-top: 0;
901
+ }
893
902
  .e-bigger .e-grid span.e-groupsort.e-icons,
894
903
  .e-grid.e-bigger span.e-groupsort.e-icons {
895
904
  margin-right: 0;
896
905
  margin-top: 0;
897
906
  }
907
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
908
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
909
+ margin-top: 0;
910
+ }
898
911
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
899
912
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
900
913
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1858,6 +1871,8 @@
1858
1871
  border-top-style: solid;
1859
1872
  border-top-width: 1px;
1860
1873
  padding: 0.3em;
1874
+ font-weight: normal;
1875
+ text-align: left;
1861
1876
  }
1862
1877
  .e-grid th.e-detailcell .e-rowcell,
1863
1878
  .e-grid th.e-detailcell .e-gridpager {
@@ -2847,6 +2862,7 @@
2847
2862
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2848
2863
  border-right-style: solid;
2849
2864
  border-right-width: 1px;
2865
+ text-align: right;
2850
2866
  }
2851
2867
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2852
2868
  float: left;
@@ -3189,6 +3205,10 @@
3189
3205
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3190
3206
  padding: 0;
3191
3207
  }
3208
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3209
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3210
+ padding: 0;
3211
+ }
3192
3212
 
3193
3213
  .e-grid-min-height .e-rowcell,
3194
3214
  .e-grid-min-height .e-icon-grightarrow,
@@ -3338,8 +3358,17 @@
3338
3358
  position: absolute;
3339
3359
  top: 6px;
3340
3360
  white-space: nowrap;
3361
+ text-overflow: ellipsis;
3362
+ overflow: hidden;
3341
3363
  width: 45%;
3342
3364
  }
3365
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3366
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3367
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3368
+ line-height: 18px;
3369
+ white-space: normal;
3370
+ word-wrap: break-word;
3371
+ }
3343
3372
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3344
3373
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3345
3374
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
@@ -789,6 +789,10 @@
789
789
  padding: 0 8px 0 12px;
790
790
  font-size: 13px;
791
791
  }
792
+ .e-bigger .e-grid.e-device .e-groupheadercell,
793
+ .e-grid.e-bigger.e-device .e-groupheadercell {
794
+ padding: 0 8px 0 12px;
795
+ }
792
796
  .e-bigger .e-grid .e-groupheadercell:hover,
793
797
  .e-grid.e-bigger .e-groupheadercell:hover {
794
798
  padding: 0 8px 0 12px;
@@ -847,6 +851,7 @@
847
851
  .e-bigger .e-grid.e-device .e-groupheadercell span,
848
852
  .e-grid.e-bigger.e-device .e-groupheadercell span {
849
853
  line-height: 30px;
854
+ padding: 0;
850
855
  }
851
856
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
852
857
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -924,11 +929,19 @@
924
929
  margin-top: 0;
925
930
  margin-right: 0;
926
931
  }
932
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
933
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
934
+ margin-top: 0;
935
+ }
927
936
  .e-bigger .e-grid span.e-groupsort.e-icons,
928
937
  .e-grid.e-bigger span.e-groupsort.e-icons {
929
938
  margin-right: 0;
930
939
  margin-top: 0;
931
940
  }
941
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
942
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
943
+ margin-top: 0;
944
+ }
932
945
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
933
946
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
934
947
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1892,6 +1905,8 @@
1892
1905
  border-top-style: solid;
1893
1906
  border-top-width: 1px;
1894
1907
  padding: 0.3em;
1908
+ font-weight: normal;
1909
+ text-align: left;
1895
1910
  }
1896
1911
  .e-grid th.e-detailcell .e-rowcell,
1897
1912
  .e-grid th.e-detailcell .e-gridpager {
@@ -2881,6 +2896,7 @@
2881
2896
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2882
2897
  border-right-style: solid;
2883
2898
  border-right-width: 1px;
2899
+ text-align: right;
2884
2900
  }
2885
2901
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2886
2902
  float: left;
@@ -3223,6 +3239,10 @@
3223
3239
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3224
3240
  padding: 0;
3225
3241
  }
3242
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3243
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3244
+ padding: 0;
3245
+ }
3226
3246
 
3227
3247
  .e-grid-min-height .e-rowcell,
3228
3248
  .e-grid-min-height .e-icon-grightarrow,
@@ -3372,8 +3392,17 @@
3372
3392
  position: absolute;
3373
3393
  top: 6px;
3374
3394
  white-space: nowrap;
3395
+ text-overflow: ellipsis;
3396
+ overflow: hidden;
3375
3397
  width: 45%;
3376
3398
  }
3399
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3400
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3401
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3402
+ line-height: 18px;
3403
+ white-space: normal;
3404
+ word-wrap: break-word;
3405
+ }
3377
3406
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3378
3407
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3379
3408
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {
@@ -786,6 +786,10 @@
786
786
  padding: 6px 0;
787
787
  font-size: 16px;
788
788
  }
789
+ .e-bigger .e-grid.e-device .e-groupheadercell,
790
+ .e-grid.e-bigger.e-device .e-groupheadercell {
791
+ padding: 0;
792
+ }
789
793
  .e-bigger .e-grid .e-groupheadercell:hover,
790
794
  .e-grid.e-bigger .e-groupheadercell:hover {
791
795
  padding: 6px 0;
@@ -844,6 +848,7 @@
844
848
  .e-bigger .e-grid.e-device .e-groupheadercell span,
845
849
  .e-grid.e-bigger.e-device .e-groupheadercell span {
846
850
  line-height: 33px;
851
+ padding: 0 8px;
847
852
  }
848
853
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
849
854
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -921,6 +926,10 @@
921
926
  margin-top: 0;
922
927
  margin-right: 0;
923
928
  }
929
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
930
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
931
+ margin-top: 0;
932
+ }
924
933
  .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
925
934
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
926
935
  color: #374151;
@@ -930,6 +939,10 @@
930
939
  margin-right: 0;
931
940
  margin-top: 0;
932
941
  }
942
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
943
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
944
+ margin-top: 0;
945
+ }
933
946
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
934
947
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
935
948
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1915,6 +1928,8 @@
1915
1928
  border-top-style: solid;
1916
1929
  border-top-width: 1px;
1917
1930
  padding: 0.3em;
1931
+ font-weight: normal;
1932
+ text-align: left;
1918
1933
  }
1919
1934
  .e-grid th.e-detailcell .e-rowcell,
1920
1935
  .e-grid th.e-detailcell .e-gridpager {
@@ -2917,6 +2932,7 @@
2917
2932
  .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
2918
2933
  border-right-style: solid;
2919
2934
  border-right-width: 1px;
2935
+ text-align: right;
2920
2936
  }
2921
2937
  .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
2922
2938
  float: left;
@@ -3263,6 +3279,10 @@
3263
3279
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3264
3280
  padding: 0 0 0 8px;
3265
3281
  }
3282
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3283
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3284
+ padding: 0 8px;
3285
+ }
3266
3286
 
3267
3287
  .e-grid-min-height .e-rowcell,
3268
3288
  .e-grid-min-height .e-icon-grightarrow,
@@ -3412,8 +3432,17 @@
3412
3432
  position: absolute;
3413
3433
  top: 6px;
3414
3434
  white-space: nowrap;
3435
+ text-overflow: ellipsis;
3436
+ overflow: hidden;
3415
3437
  width: 45%;
3416
3438
  }
3439
+ .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
3440
+ .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
3441
+ .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
3442
+ line-height: 21px;
3443
+ white-space: normal;
3444
+ word-wrap: break-word;
3445
+ }
3417
3446
  .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
3418
3447
  .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
3419
3448
  .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {