fixedheadertable.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. /*!
  2. * jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
  3. *
  4. * Copyright (c) 2011 Mark Malek
  5. * http://fixedheadertable.com
  6. *
  7. * Licensed under MIT
  8. * http://www.opensource.org/licenses/mit-license.php
  9. *
  10. * http://docs.jquery.com/Plugins/Authoring
  11. * jQuery authoring guidelines
  12. *
  13. * Launch : October 2009
  14. * Version : 1.3
  15. * Released: May 9th, 2011
  16. *
  17. *
  18. * all CSS sizing (width,height) is done in pixels (px)
  19. */
  20. /* @group Reset */
  21. .fht-table,
  22. .fht-table thead,
  23. .fht-table tfoot,
  24. .fht-table tbody,
  25. .fht-table tr,
  26. .fht-table th,
  27. .fht-table td {
  28. margin: 0;
  29. padding: 0;
  30. vertical-align:middle;
  31. }
  32. .fht-table {
  33. }
  34. .fht-table-wrapper,
  35. .fht-table-wrapper .fht-thead,
  36. .fht-table-wrapper .fht-tfoot,
  37. .fht-table-wrapper .fht-fixed-column .fht-tbody,
  38. .fht-table-wrapper .fht-fixed-body .fht-tbody,
  39. .fht-table-wrapper .fht-tbody {
  40. overflow: hidden;
  41. position: relative;
  42. }
  43. .fht-table-wrapper .fht-fixed-body .fht-tbody,
  44. .fht-table-wrapper .fht-tbody {
  45. overflow: auto;
  46. }
  47. .fht-table-wrapper .fht-table .fht-cell {
  48. overflow: hidden;
  49. height: 1px;
  50. }
  51. .fht-table-wrapper .fht-fixed-column,
  52. .fht-table-wrapper .fht-fixed-body {
  53. top: 0;
  54. left: 0;
  55. position: absolute;
  56. }
  57. .fht-table-wrapper .fht-fixed-column {
  58. z-index: 1;
  59. }
  60. .fancyTable td, .fancyTable th {
  61. border: 1px solid #d4d4d4;
  62. padding:3px;
  63. white-space:nowrap;
  64. }
  65. .fancyTable td{
  66. min-width:60px;
  67. }
  68. .fancyTable td .taItem{
  69. position: relative;
  70. height:30px;
  71. }
  72. .fancyTable td input[type="text"]{
  73. border-color: #999;
  74. margin:0;
  75. }
  76. .fancyTable tbody tr th {
  77. background-color: #fff;
  78. }
  79. .fancyTable tbody tr td {
  80. background-color: #fff;
  81. }
  82. .fancyTable tbody tr.odd td{
  83. background: #fff
  84. }
  85. .fancyTable tbody tr th{
  86. font-weight: 600;
  87. background: #fff
  88. }
  89. .fancyTable thead tr th,
  90. .fancyTable thead tr td,
  91. .fancyTable tfoot tr th,
  92. .fancyTable tfoot tr td {
  93. background: #fff;
  94. font-weight: bold;
  95. color:#444;
  96. }
  97. .fancyTable th.cen_1 {background:#DFF0D8 }
  98. .fancyTable th.cen_2 {background:#FCF8E3 }
  99. .fancyTable th.cen_3 {background:#D9EDF7 }