javascript - Bootstrap dropdown to show grid -



javascript - Bootstrap dropdown to show grid -

i want show list of clients in dropdown, want info separated columns firstname, lastname, address, city, state, , zip.

how can set grid in dropdown , have each row selectable regular dropdown? have far, rows don't right , "create new client" row has right highlighting when hover on it.

<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" ng-click="loadclientlist()"> {{client.displayname || "select client..."}} <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li> <div class="row" style="width: 650px;"> <div class="col-sm-2"><b>first name</b></div> <div class="col-sm-2"><b>last name</b></div> <div class="col-sm-3"><b>address</b></div> <div class="col-sm-3"><b>city</b></div> <div class="col-sm-1"><b>state</b></div> <div class="col-sm-1"><b>postal</b></div> </div> </li> <li> <a ng-click="newclient()">[create new client]</a> </li> <li ng-repeat="c in clients"> <div class="row" style="width: 650px;"> <div class="col-sm-2"><a ng-click="selectclient(c)">{{c.firstname}}</a></div> <div class="col-sm-2"><a ng-click="selectclient(c)">{{c.lastname}}</a></div> <div class="col-sm-3"><a ng-click="selectclient(c)">{{c.address}}</a></div> <div class="col-sm-3"><a ng-click="selectclient(c)">{{c.city}}</a></div> <div class="col-sm-1"><a ng-click="selectclient(c)">{{c.statecode}}</a></div> <div class="col-sm-1"><a ng-click="selectclient(c)">{{c.postalcode}}</a></div> </div> </li> </ul> </div>

look @ mega menu, it's called yamm: http://geedmo.github.io/yamm/

javascript css angularjs twitter-bootstrap twitter-bootstrap-3

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -