Table scroll with HTML and CSS [duplicate]

Answer 1

Works only in Chrome but it can be adapted to other modern browsers. Table falls back to common table with scroll bar in other brws. Uses CSS3 FLEX property.

http://jsfiddle.net/4SUP8/1/

    
Lista Sumnjivih vozila:
    

        

            
Opis Sumnje
        
Registarski
broj vozila
        
Datum
Vreme
        
Brzina
(km/h)
        
Lokacija
        
Status
        
Akcija
        
    
    


        

        
Osumnjičen tranzit
        
NS182TP
        
23-03-2014 20:48:08
        
11.3
        
Raskrsnica kod pumpe

        

        
Prikaz
        
        


        

        
Osumnjičen tranzit
        
NS182TP
        
23-03-2014 20:48:08
        
11.3
        
Raskrsnica kod pumpe

        

        
Prikaz
        
        


        

        
Osumnjičen tranzit
        
NS182TP
        
23-03-2014 20:48:08
        
11.3
        
Raskrsnica kod pumpe

        

        
Prikaz
        
        



        

        
Osumnjičen tranzit
        
NS182TP
        
23-03-2014 20:48:08
        
11.3
        
Raskrsnica kod pumpe

        

        
Prikaz
        

    

Style (CSS 3):

caption {
    display: block;
    line-height: 3em;
    width: 100%;
    -webkit-align-items: stretch;
    border: 1px solid #eee;
}

       .flexy {
            display: block;
            width: 90%;
            border: 1px solid #eee;
            max-height: 320px;
            overflow: auto;
        }

        .flexy thead {
            display: -webkit-flex;
            -webkit-flex-flow: row;
        }

        .flexy thead tr {
            padding-right: 15px;
            display: -webkit-flex;
            width: 100%;
            -webkit-align-items: stretch;
        }

        .flexy tbody {
            display: -webkit-flex;
            height: 100px;
            overflow: auto;
            -webkit-flex-flow: row wrap;
        }
        .flexy tbody tr{
            display: -webkit-flex;
            width: 100%;
        }

        .flexy tr td {
            width: 15%;
        }