css - Dropdown within datatables won't vertically align -


i have dropdown within datatables table created dynamically - have amended bootstrap css vertical alignment of table set middle dropdown still showing top

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {   padding: 8px;   line-height: 1.42857143;   vertical-align: middle;   border-top: 1px solid #ddd; } 

see jsbin here

(if enter text add instruction click on load copied data button)

many in advance

update: form-group class on parent div had setting: margin-bottom: 15px

i created new class override setting margin-bottom 0px

your select parent div has .form-group class, has style margin-bottom:15px;

you can add margin-top:15px; .form-group in css or set margin:0px;


Comments

Popular posts from this blog

searchKeyword not working in AngularJS filter -

sequelize.js - Sequelize: sort by enum cases -

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -