0

Please... I need Help whith this... I have this code for a table with head fixed and vertical scroll and work fine:

<style type='text/css'>
div.fixedHeaderTable table {  border-spacing: 0;
                             display: flex;
                             max-height: 180px;
                             overflow-y: auto;
                             overflow-x: hidden;
                             table-layout: fixed;
                             width: 98vw;
                             border:1px 
                             solid gray;
                          }
div.fixedHeaderTable thead {  font-family: Verdana;
                             color: #FFFFFF;
                             background-color: #f1eee9;
                             position: fixed !important;
                          }
div.fixedHeaderTable th    {  background-color:#CCCCCC;
                             background-color:#DA291C;
                             border-bottom: 1px solid #c4c0c9;
                             border-right: 1px solid #c4c0c9;
                          }
div.fixedHeaderTable th, div.fixedHeaderTable td { text-align: center;
                                                  font-family: Verdana;
                                                  font-weight: bold;
                                                  margin: 0;
                                                  max-width: 18.5vw;
                                                  min-width: 18.5vw;
                                                  word-wrap: break-word;
                                                  font-size: 10px;
                                                  height: 25px !important;
                                                  padding: 2px;
                                                  border-right: 1px solid #c4c0c9;
                                                }
div.fixedHeaderTable tr:nth-child(2n) {   background: none repeat scroll 0 0 #edebeb;}
</style>

<div class='fixedHeaderTable'>
<table>
  <thead>
     <tr>
        <th>Fecha Despacho</th>
     </tr>
  </thead>
  <tbody>
     <tr style='height: 40px;'><td></td></tr>
     <tr><td>Viernes, 28/04/2017  </td></tr>
     <tr><td>Sábado, 29/04/2017   </td></tr>
     <tr><td>Domingo, 30/04/2017  </td></tr>
     <tr><td>Lunes, 01/05/2017    </td></tr>
     <tr><td>Martes, 02/05/2017   </td></tr>
     <tr><td>Miércoles, 03/05/2017</td></tr>
     <tr><td>Jueves, 04/05/2017   </td></tr>
     <tr><td>Viernes, 05/05/2017  </td></tr>
     <tr><td>Sábado, 06/05/2017   </td></tr>
     <tr><td>Domingo, 07/05/2017  </td></tr>
     <tr><td>Domingo, 28/05/2017  </td></tr>
  </tbody>
</table>
</div>

And It's work very good in Chrome, FireFox, Etc... But It isn't work in IE.

Any sugestions...

Help me Please... Thanks.

Renato
  • 1
  • 2
  • Can you describe the problem you are seeing? Is the head row not fixed? Is one of the styles (border/color/etc.) is not correct? Or something else entirely? – Lee Jenkins Apr 27 '17 at 15:20
  • take a look at this http://stackoverflow.com/questions/37272331/html-table-with-fixed-header-and-footer-and-scrollable-body-without-fixed-widths – dippas Apr 27 '17 at 15:21
  • The Vertical Scroll not Work in IE – Renato Apr 27 '17 at 15:22
  • Thank you... I would like (as possible), If you can send me my example with the solution... please.... – Renato Apr 27 '17 at 15:37
  • I solve this problem... Only add CSS: div.fixedHeaderTable {max-height: 190px; overflow-y: auto;}. Thanks... – Renato Apr 27 '17 at 19:04

0 Answers0