tabulator-tables 5.4.4 → 5.5.1

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.
Files changed (106) hide show
  1. package/bower.json +1 -1
  2. package/build/Bundler.js +7 -3
  3. package/dist/css/tabulator.css +85 -48
  4. package/dist/css/tabulator.css.map +1 -1
  5. package/dist/css/tabulator.min.css +1 -1
  6. package/dist/css/tabulator.min.css.map +1 -1
  7. package/dist/css/tabulator_bootstrap3.css +94 -53
  8. package/dist/css/tabulator_bootstrap3.css.map +1 -1
  9. package/dist/css/tabulator_bootstrap3.min.css +1 -1
  10. package/dist/css/tabulator_bootstrap3.min.css.map +1 -1
  11. package/dist/css/tabulator_bootstrap4.css +111 -68
  12. package/dist/css/tabulator_bootstrap4.css.map +1 -1
  13. package/dist/css/tabulator_bootstrap4.min.css +1 -1
  14. package/dist/css/tabulator_bootstrap4.min.css.map +1 -1
  15. package/dist/css/tabulator_bootstrap5.css +115 -70
  16. package/dist/css/tabulator_bootstrap5.css.map +1 -1
  17. package/dist/css/tabulator_bootstrap5.min.css +1 -1
  18. package/dist/css/tabulator_bootstrap5.min.css.map +1 -1
  19. package/dist/css/tabulator_bulma.css +100 -57
  20. package/dist/css/tabulator_bulma.css.map +1 -1
  21. package/dist/css/tabulator_bulma.min.css +1 -1
  22. package/dist/css/tabulator_bulma.min.css.map +1 -1
  23. package/dist/css/tabulator_materialize.css +109 -69
  24. package/dist/css/tabulator_materialize.css.map +1 -1
  25. package/dist/css/tabulator_materialize.min.css +1 -1
  26. package/dist/css/tabulator_materialize.min.css.map +1 -1
  27. package/dist/css/tabulator_midnight.css +95 -54
  28. package/dist/css/tabulator_midnight.css.map +1 -1
  29. package/dist/css/tabulator_midnight.min.css +1 -1
  30. package/dist/css/tabulator_midnight.min.css.map +1 -1
  31. package/dist/css/tabulator_modern.css +101 -57
  32. package/dist/css/tabulator_modern.css.map +1 -1
  33. package/dist/css/tabulator_modern.min.css +1 -1
  34. package/dist/css/tabulator_modern.min.css.map +1 -1
  35. package/dist/css/tabulator_semanticui.css +138 -77
  36. package/dist/css/tabulator_semanticui.css.map +1 -1
  37. package/dist/css/tabulator_semanticui.min.css +1 -1
  38. package/dist/css/tabulator_semanticui.min.css.map +1 -1
  39. package/dist/css/tabulator_simple.css +85 -48
  40. package/dist/css/tabulator_simple.css.map +1 -1
  41. package/dist/css/tabulator_simple.min.css +1 -1
  42. package/dist/css/tabulator_simple.min.css.map +1 -1
  43. package/dist/css/tabulator_site.css +93 -52
  44. package/dist/css/tabulator_site.css.map +1 -1
  45. package/dist/css/tabulator_site.min.css +1 -1
  46. package/dist/css/tabulator_site.min.css.map +1 -1
  47. package/dist/js/jquery_wrapper.js +10 -2
  48. package/dist/js/tabulator.js +507 -237
  49. package/dist/js/tabulator.js.map +1 -1
  50. package/dist/js/tabulator.min.js +2 -2
  51. package/dist/js/tabulator.min.js.map +1 -1
  52. package/dist/js/tabulator_esm.js +507 -237
  53. package/dist/js/tabulator_esm.js.map +1 -1
  54. package/dist/js/tabulator_esm.min.js +2 -2
  55. package/dist/js/tabulator_esm.min.js.map +1 -1
  56. package/package.json +3 -2
  57. package/src/js/builds/jquery_wrapper.js +10 -2
  58. package/src/js/core/ColumnManager.js +15 -0
  59. package/src/js/core/RowManager.js +59 -41
  60. package/src/js/core/cell/CellComponent.js +5 -3
  61. package/src/js/core/column/ColumnComponent.js +2 -2
  62. package/src/js/core/rendering/renderers/BasicHorizontal.js +12 -5
  63. package/src/js/core/rendering/renderers/BasicVertical.js +49 -28
  64. package/src/js/core/rendering/renderers/VirtualDomHorizontal.js +6 -1
  65. package/src/js/core/rendering/renderers/VirtualDomVertical.js +87 -30
  66. package/src/js/core/row/Row.js +9 -3
  67. package/src/js/core/row/RowComponent.js +2 -2
  68. package/src/js/core/tools/DataLoader.js +44 -36
  69. package/src/js/modules/ColumnCalcs/defaults/calculations.js +7 -0
  70. package/src/js/modules/DataTree/DataTree.js +5 -2
  71. package/src/js/modules/Download/defaults/downloaders/xlsx.js +5 -2
  72. package/src/js/modules/Edit/Edit.js +2 -3
  73. package/src/js/modules/Edit/List.js +14 -3
  74. package/src/js/modules/Edit/defaults/editors/date.js +1 -1
  75. package/src/js/modules/Edit/defaults/editors/datetime.js +1 -1
  76. package/src/js/modules/Edit/defaults/editors/input.js +1 -1
  77. package/src/js/modules/Edit/defaults/editors/number.js +1 -1
  78. package/src/js/modules/Edit/defaults/editors/range.js +1 -1
  79. package/src/js/modules/Edit/defaults/editors/textarea.js +1 -1
  80. package/src/js/modules/Edit/defaults/editors/tickCross.js +1 -1
  81. package/src/js/modules/Edit/defaults/editors/time.js +1 -1
  82. package/src/js/modules/Export/Export.js +3 -0
  83. package/src/js/modules/Filter/Filter.js +11 -0
  84. package/src/js/modules/Format/Format.js +3 -0
  85. package/src/js/modules/Format/defaults/formatters/money.js +9 -2
  86. package/src/js/modules/FrozenColumns/FrozenColumns.js +1 -1
  87. package/src/js/modules/GroupRows/Group.js +27 -10
  88. package/src/js/modules/GroupRows/GroupComponent.js +4 -0
  89. package/src/js/modules/History/defaults/redoers.js +4 -2
  90. package/src/js/modules/History/defaults/undoers.js +6 -2
  91. package/src/js/modules/Interaction/Interaction.js +12 -0
  92. package/src/js/modules/Persistence/Persistence.js +15 -1
  93. package/src/js/modules/ResponsiveLayout/ResponsiveLayout.js +3 -0
  94. package/src/js/modules/SelectRow/SelectRow.js +82 -54
  95. package/src/scss/tabulator.scss +87 -50
  96. package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss +9 -5
  97. package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss +27 -19
  98. package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss +29 -19
  99. package/src/scss/themes/bulma/tabulator_bulma.scss +15 -9
  100. package/src/scss/themes/materialize/tabulator_materialize.scss +15 -11
  101. package/src/scss/themes/materialize/variables.scss +1 -1
  102. package/src/scss/themes/semanticui/tabulator_semanticui.scss +53 -28
  103. package/src/scss/themes/semanticui/variables_table.scss +1 -1
  104. package/src/scss/themes/tabulator_midnight.scss +10 -6
  105. package/src/scss/themes/tabulator_modern.scss +16 -8
  106. package/src/scss/themes/tabulator_site.scss +8 -4
package/src/scss/tabulator.scss CHANGED
@@ -248,18 +248,22 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
248
248
  padding-right:25px;
249
249
  }
250
250
 
251
- &.tabulator-col-sorter-element:hover{
252
- cursor:pointer;
253
- background-color:darken($headerBackgroundColor, 10%);
251
+ @media (hover:hover) and (pointer:fine){
252
+ &.tabulator-col-sorter-element:hover{
253
+ cursor:pointer;
254
+ background-color:darken($headerBackgroundColor, 10%);
255
+ }
254
256
  }
255
257
 
256
258
  &[aria-sort="none"]{
257
259
  .tabulator-col-content .tabulator-col-sorter{
258
260
  color: $sortArrowInactive;
259
261
 
260
- &.tabulator-col-sorter-element .tabulator-arrow:hover{
261
- cursor:pointer;
262
- border-bottom: 6px solid $sortArrowHover;
262
+ @media (hover:hover) and (pointer:fine){
263
+ &.tabulator-col-sorter-element .tabulator-arrow:hover{
264
+ cursor:pointer;
265
+ border-bottom: 6px solid $sortArrowHover;
266
+ }
263
267
  }
264
268
 
265
269
  .tabulator-arrow{
@@ -273,9 +277,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
273
277
  .tabulator-col-content .tabulator-col-sorter{
274
278
  color: $sortArrowActive;
275
279
 
276
- &.tabulator-col-sorter-element .tabulator-arrow:hover{
277
- cursor:pointer;
278
- border-bottom: 6px solid $sortArrowHover;
280
+ @media (hover:hover) and (pointer:fine){
281
+ &.tabulator-col-sorter-element .tabulator-arrow:hover{
282
+ cursor:pointer;
283
+ border-bottom: 6px solid $sortArrowHover;
284
+ }
279
285
  }
280
286
 
281
287
  .tabulator-arrow{
@@ -289,10 +295,12 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
289
295
  &[aria-sort="descending"]{
290
296
  .tabulator-col-content .tabulator-col-sorter{
291
297
  color: $sortArrowActive;
292
-
293
- &.tabulator-col-sorter-element .tabulator-arrow:hover{
294
- cursor:pointer;
295
- border-top: 6px solid $sortArrowHover;
298
+
299
+ @media (hover:hover) and (pointer:fine){
300
+ &.tabulator-col-sorter-element .tabulator-arrow:hover{
301
+ cursor:pointer;
302
+ border-top: 6px solid $sortArrowHover;
303
+ }
296
304
  }
297
305
 
298
306
  .tabulator-arrow{
@@ -571,10 +579,12 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
571
579
  }
572
580
 
573
581
  &:not(.disabled){
574
- &:hover{
575
- cursor:pointer;
576
- background:rgba(0,0,0,.2);
577
- color:#fff;
582
+ @media (hover:hover) and (pointer:fine){
583
+ &:hover{
584
+ cursor:pointer;
585
+ background:rgba(0,0,0,.2);
586
+ color:#fff;
587
+ }
578
588
  }
579
589
  }
580
590
  }
@@ -592,8 +602,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
592
602
  z-index: 10;
593
603
  vertical-align: middle;
594
604
 
595
- &:hover{
596
- cursor:ew-resize;
605
+ @media (hover:hover) and (pointer:fine){
606
+ &:hover{
607
+ cursor:ew-resize;
608
+ }
597
609
  }
598
610
 
599
611
  &:last-of-type{
@@ -658,18 +670,22 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
658
670
  background-color: $rowAltBackgroundColor;
659
671
  }
660
672
 
661
- &.tabulator-selectable:hover{
662
- background-color:$rowHoverBackground;
663
- cursor: pointer;
673
+ @media (hover:hover) and (pointer:fine){
674
+ &.tabulator-selectable:hover{
675
+ background-color:$rowHoverBackground;
676
+ cursor: pointer;
677
+ }
664
678
  }
665
679
 
666
680
  &.tabulator-selected{
667
681
  background-color:$rowSelectedBackground;
668
682
  }
669
683
 
670
- &.tabulator-selected:hover{
671
- background-color:$rowSelectedBackgroundHover;
672
- cursor: pointer;
684
+ @media (hover:hover) and (pointer:fine){
685
+ &.tabulator-selected:hover{
686
+ background-color:$rowSelectedBackgroundHover;
687
+ cursor: pointer;
688
+ }
673
689
  }
674
690
 
675
691
  &.tabulator-row-moving{
@@ -700,8 +716,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
700
716
  bottom:auto;
701
717
  }
702
718
 
703
- &:hover{
704
- cursor:ns-resize;
719
+ @media (hover:hover) and (pointer:fine){
720
+ &:hover{
721
+ cursor:ns-resize;
722
+ }
705
723
  }
706
724
  }
707
725
 
@@ -813,6 +831,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
813
831
  }
814
832
  }
815
833
  }
834
+
835
+ .tabulator-data-tree-branch-empty{
836
+ display:inline-block;
837
+ width:7px;
838
+ }
816
839
 
817
840
  .tabulator-data-tree-branch{
818
841
  display:inline-block;
@@ -848,9 +871,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
848
871
 
849
872
  overflow:hidden;
850
873
 
851
- &:hover{
852
- cursor:pointer;
853
- background:rgba(0, 0, 0, .2);
874
+ @media (hover:hover) and (pointer:fine){
875
+ &:hover{
876
+ cursor:pointer;
877
+ background:rgba(0, 0, 0, .2);
878
+ }
854
879
  }
855
880
 
856
881
  .tabulator-data-tree-control-collapse{
@@ -919,9 +944,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
919
944
  font-weight:bold;
920
945
  font-size:1.1em;
921
946
 
922
- &:hover{
923
- opacity:.7;
924
- cursor: pointer;
947
+ @media (hover:hover) and (pointer:fine){
948
+ &:hover{
949
+ opacity:.7;
950
+ cursor: pointer;
951
+ }
925
952
  }
926
953
 
927
954
  &.open{
@@ -965,9 +992,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
965
992
 
966
993
  min-width: 100%;
967
994
 
968
- &:hover{
969
- cursor:pointer;
970
- background-color:rgba(0,0,0,.1);
995
+ @media (hover:hover) and (pointer:fine){
996
+ &:hover{
997
+ cursor:pointer;
998
+ background-color:rgba(0,0,0,.1);
999
+ }
971
1000
  }
972
1001
 
973
1002
  &.tabulator-group-visible{
@@ -1076,9 +1105,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
1076
1105
  opacity: .5;
1077
1106
  }
1078
1107
 
1079
- &:not(.tabulator-menu-item-disabled):hover{
1080
- cursor: pointer;
1081
- background: $rowAltBackgroundColor;
1108
+ @media (hover:hover) and (pointer:fine){
1109
+ &:not(.tabulator-menu-item-disabled):hover{
1110
+ cursor: pointer;
1111
+ background: $rowAltBackgroundColor;
1112
+ }
1082
1113
  }
1083
1114
 
1084
1115
  &.tabulator-menu-item-submenu{
@@ -1137,11 +1168,13 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
1137
1168
  outline:1px solid $editBoxColor;
1138
1169
  }
1139
1170
 
1140
- &:hover{
1141
- cursor:pointer;
1142
-
1143
- color:$rowBackgroundColor;
1144
- background:$editBoxColor;
1171
+ @media (hover:hover) and (pointer:fine){
1172
+ &:hover{
1173
+ cursor:pointer;
1174
+
1175
+ color:$rowBackgroundColor;
1176
+ background:$editBoxColor;
1177
+ }
1145
1178
  }
1146
1179
  }
1147
1180
 
@@ -1323,9 +1356,11 @@ body.tabulator-print-fullscreen-hide>*:not(.tabulator-print-fullscreen){
1323
1356
 
1324
1357
  min-width: 100%;
1325
1358
 
1326
- &:hover{
1327
- cursor:pointer;
1328
- background-color:rgba(0,0,0,.1);
1359
+ @media (hover:hover) and (pointer:fine){
1360
+ &:hover{
1361
+ cursor:pointer;
1362
+ background-color:rgba(0,0,0,.1);
1363
+ }
1329
1364
  }
1330
1365
 
1331
1366
  &.tabulator-group-visible{
@@ -1411,9 +1446,11 @@ body.tabulator-print-fullscreen-hide>*:not(.tabulator-print-fullscreen){
1411
1446
 
1412
1447
  overflow:hidden;
1413
1448
 
1414
- &:hover{
1415
- cursor:pointer;
1416
- background:rgba(0, 0, 0, .2);
1449
+ @media (hover:hover) and (pointer:fine){
1450
+ &:hover{
1451
+ cursor:pointer;
1452
+ background:rgba(0, 0, 0, .2);
1453
+ }
1417
1454
  }
1418
1455
 
1419
1456
  .tabulator-data-tree-control-collapse{
package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss CHANGED
@@ -181,17 +181,21 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
181
181
  background-color: transparent;
182
182
  }
183
183
 
184
- &.tabulator-selectable:hover{
185
- background-color:$rowHoverBackground !important;
184
+ @media (hover:hover) and (pointer:fine){
185
+ &.tabulator-selectable:hover{
186
+ background-color:$rowHoverBackground !important;
187
+ }
186
188
  }
187
189
 
188
190
  &.tabulator-selected{
189
191
  background-color:$rowSelectedBackground !important;
190
192
  }
191
193
 
192
- &.tabulator-selected:hover{
193
- background-color:$rowSelectedBackgroundHover !important;
194
- cursor: pointer;
194
+ @media (hover:hover) and (pointer:fine){
195
+ &.tabulator-selected:hover{
196
+ background-color:$rowSelectedBackgroundHover !important;
197
+ cursor: pointer;
198
+ }
195
199
  }
196
200
 
197
201
  .tabulator-cell{
package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss CHANGED
@@ -152,10 +152,12 @@ $table-cell-padding-sm: 5px;
152
152
  }
153
153
 
154
154
  &:not(.disabled){
155
- &:hover{
156
- border-color:$pagination-hover-border-color;
157
- background:$pagination-hover-bg;
158
- color:$pagination-hover-color;
155
+ @media (hover:hover) and (pointer:fine){
156
+ &:hover{
157
+ border-color:$pagination-hover-border-color;
158
+ background:$pagination-hover-bg;
159
+ color:$pagination-hover-color;
160
+ }
159
161
  }
160
162
  }
161
163
  }
@@ -202,11 +204,13 @@ $table-cell-padding-sm: 5px;
202
204
  background-color: $table-dark-bg;
203
205
  color: $table-dark-color;
204
206
 
205
- &:hover{
206
- background-color: $table-dark-border-color;
207
+ @media (hover:hover) and (pointer:fine){
208
+ &:hover{
209
+ background-color: $table-dark-border-color;
207
210
 
208
- .tabulator-cell{
209
- background-color: $table-dark-hover-bg;
211
+ .tabulator-cell{
212
+ background-color: $table-dark-hover-bg;
213
+ }
210
214
  }
211
215
  }
212
216
 
@@ -241,14 +245,16 @@ $table-cell-padding-sm: 5px;
241
245
  background-color:$rowSelectedBackground;
242
246
  }
243
247
 
244
- &.tabulator-selectable:hover{
245
- background-color:$rowHoverBackground;
246
- cursor: pointer;
247
- }
248
-
249
- &.tabulator-selected:hover{
250
- background-color:$rowSelectedBackgroundHover;
251
- cursor: pointer;
248
+ @media (hover:hover) and (pointer:fine){
249
+ &.tabulator-selectable:hover{
250
+ background-color:$rowHoverBackground;
251
+ cursor: pointer;
252
+ }
253
+
254
+ &.tabulator-selected:hover{
255
+ background-color:$rowSelectedBackgroundHover;
256
+ cursor: pointer;
257
+ }
252
258
  }
253
259
  }
254
260
  }
@@ -493,9 +499,11 @@ $table-cell-padding-sm: 5px;
493
499
  }
494
500
  }
495
501
 
496
- &:hover{
497
- color:$headerBackgroundColor;
498
- }
502
+ @media (hover:hover) and (pointer:fine){
503
+ &:hover{
504
+ color:$headerBackgroundColor;
505
+ }
506
+ }
499
507
  }
500
508
 
501
509
  .tabulator-edit-select-list-notice{
package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss CHANGED
@@ -153,10 +153,12 @@ $table-cell-padding-sm: 5px;
153
153
  }
154
154
 
155
155
  &:not(.disabled){
156
- &:hover{
157
- border-color:$pagination-hover-border-color;
158
- background:$pagination-hover-bg;
159
- color:$pagination-hover-color;
156
+ @media (hover:hover) and (pointer:fine){
157
+ &:hover{
158
+ border-color:$pagination-hover-border-color;
159
+ background:$pagination-hover-bg;
160
+ color:$pagination-hover-color;
161
+ }
160
162
  }
161
163
  }
162
164
  }
@@ -203,11 +205,13 @@ $table-cell-padding-sm: 5px;
203
205
  background-color: $backgroundColor;
204
206
  color: $table-color;
205
207
 
206
- &:hover{
207
- background-color: $borderColor;
208
+ @media (hover:hover) and (pointer:fine){
209
+ &:hover{
210
+ background-color: $borderColor;
208
211
 
209
- .tabulator-cell{
210
- background-color: $table-hover-bg;
212
+ .tabulator-cell{
213
+ background-color: $table-hover-bg;
214
+ }
211
215
  }
212
216
  }
213
217
 
@@ -242,14 +246,16 @@ $table-cell-padding-sm: 5px;
242
246
  background-color:$rowSelectedBackground;
243
247
  }
244
248
 
245
- &.tabulator-selectable:hover{
246
- background-color:$rowHoverBackground;
247
- cursor: pointer;
248
- }
249
+ @media (hover:hover) and (pointer:fine){
250
+ &.tabulator-selectable:hover{
251
+ background-color:$rowHoverBackground;
252
+ cursor: pointer;
253
+ }
249
254
 
250
- &.tabulator-selected:hover{
251
- background-color:$rowSelectedBackgroundHover;
252
- cursor: pointer;
255
+ &.tabulator-selected:hover{
256
+ background-color:$rowSelectedBackgroundHover;
257
+ cursor: pointer;
258
+ }
253
259
  }
254
260
  }
255
261
  }
@@ -503,8 +509,10 @@ $table-cell-padding-sm: 5px;
503
509
  }
504
510
  }
505
511
 
506
- &:hover{
507
- color:$headerBackgroundColor;
512
+ @media (hover:hover) and (pointer:fine){
513
+ &:hover{
514
+ color:$headerBackgroundColor;
515
+ }
508
516
  }
509
517
  }
510
518
 
@@ -568,8 +576,10 @@ $table-cell-padding-sm: 5px;
568
576
  }
569
577
  }
570
578
 
571
- &:hover{
572
- color:#fff;
579
+ @media (hover:hover) and (pointer:fine){
580
+ &:hover{
581
+ color:#fff;
582
+ }
573
583
  }
574
584
  }
575
585
  }
package/src/scss/themes/bulma/tabulator_bulma.scss CHANGED
@@ -136,11 +136,13 @@ $footerBorderColor:$grey-lighter !default; //footer border color
136
136
  }
137
137
 
138
138
  &:not(.disabled){
139
- &:hover{
140
- cursor:pointer;
141
- border-color:$button-hover-border-color;
142
- background:inherit;
143
- color:inherit;
139
+ @media (hover:hover) and (pointer:fine){
140
+ &:hover{
141
+ cursor:pointer;
142
+ border-color:$button-hover-border-color;
143
+ background:inherit;
144
+ color:inherit;
145
+ }
144
146
  }
145
147
  }
146
148
  }
@@ -208,8 +210,10 @@ $footerBorderColor:$grey-lighter !default; //footer border color
208
210
  background-color:$rowSelectedBackground !important;
209
211
  }
210
212
 
211
- &.tabulator-selected:hover{
212
- background-color:darken($rowSelectedBackground, 10%) !important;
213
+ @media (hover:hover) and (pointer:fine){
214
+ &.tabulator-selected:hover{
215
+ background-color:darken($rowSelectedBackground, 10%) !important;
216
+ }
213
217
  }
214
218
 
215
219
  .tabulator-cell{
@@ -246,8 +250,10 @@ $footerBorderColor:$grey-lighter !default; //footer border color
246
250
  color:$backgroundColor;
247
251
  }
248
252
 
249
- &:hover{
250
- color:$backgroundColor;
253
+ @media (hover:hover) and (pointer:fine){
254
+ &:hover{
255
+ color:$backgroundColor;
256
+ }
251
257
  }
252
258
  }
253
259
  }
package/src/scss/themes/materialize/tabulator_materialize.scss CHANGED
@@ -18,7 +18,7 @@ $sortArrowActive: #666 !default;
18
18
  $sortArrowInactive: #bbb !default;
19
19
 
20
20
  //row theming
21
- $rowBackgroundColor:transparent !default; //table row background color
21
+ $rowBackgroundColor:#fff !default; //table row background color
22
22
  $rowAltBackgroundColor: $table-striped-color !default; //table row background color
23
23
  $rowBorderColor:$table-border-color !default; //table border color
24
24
  $rowHoverBackground:$table-striped-color !default; //row background color on hover
@@ -137,14 +137,16 @@ $footerActiveColor:$primary-color !default; //footer bottom active text color
137
137
  background-color:$rowSelectedBackground !important;
138
138
  }
139
139
 
140
- &.tabulator-selectable:hover{
141
- background-color:$rowHoverBackground;
142
- cursor: pointer;
143
- }
140
+ @media (hover:hover) and (pointer:fine){
141
+ &.tabulator-selectable:hover{
142
+ background-color:$rowHoverBackground;
143
+ cursor: pointer;
144
+ }
144
145
 
145
- &.tabulator-selected:hover{
146
- background-color:$rowSelectedBackgroundHover !important;
147
- cursor: pointer;
146
+ &.tabulator-selected:hover{
147
+ background-color:$rowSelectedBackgroundHover !important;
148
+ cursor: pointer;
149
+ }
148
150
  }
149
151
  }
150
152
  }
@@ -157,7 +159,7 @@ $footerActiveColor:$primary-color !default; //footer bottom active text color
157
159
  border-bottom:1px solid $rowBorderColor;
158
160
 
159
161
  &.tabulator-row-even{
160
- background-color: transparent;
162
+ background-color: $rowBackgroundColor;
161
163
  }
162
164
 
163
165
  .tabulator-cell{
@@ -211,8 +213,10 @@ $footerActiveColor:$primary-color !default; //footer bottom active text color
211
213
  }
212
214
  }
213
215
 
214
- &:hover{
215
- color:$headerBackgroundColor;
216
+ @media (hover:hover) and (pointer:fine){
217
+ &:hover{
218
+ color:$headerBackgroundColor;
219
+ }
216
220
  }
217
221
  }
218
222
 
package/src/scss/themes/materialize/variables.scss CHANGED
@@ -64,7 +64,7 @@ $colors: (
64
64
  }
65
65
 
66
66
  $table-border-color: rgba(0,0,0,.12) !default;
67
- $table-striped-color: rgba(242, 242, 242, 0.5) !default;
67
+ $table-striped-color: #f8f8f8 !default;
68
68
 
69
69
 
70
70
  $primary-color: color("materialize-red", "lighten-2") !default;