jsgrid.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. /*
  2. * jsGrid v1.5.3 (http://js-grid.com)
  3. * (c) 2016 Artem Tabalin
  4. * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
  5. */
  6. .jsgrid {
  7. position: relative;
  8. overflow: hidden;
  9. font-size: 1em;
  10. }
  11. .jsgrid, .jsgrid *, .jsgrid *:before, .jsgrid *:after {
  12. box-sizing: border-box;
  13. }
  14. .jsgrid input,
  15. .jsgrid textarea,
  16. .jsgrid select {
  17. font-size: 1em;
  18. }
  19. .jsgrid-grid-header {
  20. overflow-x: hidden;
  21. overflow-y: scroll;
  22. -webkit-user-select: none;
  23. -khtml-user-select: none;
  24. -moz-user-select: none;
  25. -ms-user-select: none;
  26. -o-user-select: none;
  27. user-select: none;
  28. }
  29. .jsgrid-grid-body {
  30. overflow-x: auto;
  31. overflow-y: scroll;
  32. -webkit-overflow-scrolling: touch;
  33. }
  34. .jsgrid-table {
  35. width: 100%;
  36. table-layout: fixed;
  37. border-collapse: collapse;
  38. border-spacing: 0;
  39. }
  40. .jsgrid-cell {
  41. padding: 0.5em 0.5em;
  42. }
  43. .jsgrid-сell,
  44. .jsgrid-header-cell {
  45. box-sizing: border-box;
  46. }
  47. .jsgrid-align-left {
  48. text-align: left;
  49. }
  50. .jsgrid-align-center,
  51. .jsgrid-align-center input,
  52. .jsgrid-align-center textarea,
  53. .jsgrid-align-center select {
  54. text-align: center;
  55. }
  56. .jsgrid-align-right,
  57. .jsgrid-align-right input,
  58. .jsgrid-align-right textarea,
  59. .jsgrid-align-right select {
  60. text-align: right;
  61. }
  62. .jsgrid-header-cell {
  63. padding: .5em .5em;
  64. }
  65. .jsgrid-filter-row input,
  66. .jsgrid-filter-row textarea,
  67. .jsgrid-filter-row select,
  68. .jsgrid-edit-row input,
  69. .jsgrid-edit-row textarea,
  70. .jsgrid-edit-row select,
  71. .jsgrid-insert-row input,
  72. .jsgrid-insert-row textarea,
  73. .jsgrid-insert-row select {
  74. width: 100%;
  75. padding: .3em .5em;
  76. }
  77. .jsgrid-filter-row input[type='checkbox'],
  78. .jsgrid-edit-row input[type='checkbox'],
  79. .jsgrid-insert-row input[type='checkbox'] {
  80. width: auto;
  81. }
  82. .jsgrid-selected-row .jsgrid-cell {
  83. cursor: pointer;
  84. }
  85. .jsgrid-nodata-row .jsgrid-cell {
  86. padding: .5em 0;
  87. text-align: center;
  88. }
  89. .jsgrid-header-sort {
  90. cursor: pointer;
  91. }
  92. .jsgrid-pager {
  93. padding: .5em 0;
  94. }
  95. .jsgrid-pager-nav-button {
  96. padding: .2em .6em;
  97. }
  98. .jsgrid-pager-nav-inactive-button {
  99. display: none;
  100. pointer-events: none;
  101. }
  102. .jsgrid-pager-page {
  103. padding: .2em .6em;
  104. }