Make table scroll css html

Make table scroll css html

Html Manh Hope   9:41 PM

First, make a display: block of your table

then, set overflow-x: to auto.

table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

Nice and clean. No superfluous formatting.

Input group Bootstrap HTML

Input group Bootstrap HTML

Html Manh Hope   6:45 PM

 <div class="input-group my-group">   
       <input type="text" class="form-control" name="snpid" placeholder="Test"><select id="lunch" class="form-control" data-live-search="true" title="Please select a lunch ...">  
             <option>Hot Dog, Fries and a Soda</option>  
             <option>Burger, Shake and a Smile</option>  
             <option>Sugar, Spice and all things nice</option>  
             <option>Baby Back Ribs</option>  
             <option>A really really long option made to illustrate an issue with the live search in an inline form</option>  
           </select> <span class="input-group-btn">  
         <button class="btn btn-default" type="submit">GO!</button>  
    </span>  
 </div>  

 .my-group .form-control{  
   width:50%;  
 }