javascript - Different sizes on wheels in mobiscroll -

i have made custom wheel script in have 2 rows of wheels... in first row have 3 wheels , in second have 5 wheels.

i define wheel size in script wheels... can difference how 3 wheels has same width 5 bottom wheels?

here script:

var a1 = {'0':'0',           '1':'1',           '2':'2+'};  var a2 = {'0':'0',           '1':'1',           '2':'2+'};  var a3 = {'0':'0',           '1':'1',           '2':'2+'};  var b1 = {'0':'0',           '1':'1',           '2':'2+'};  var b2 = {'0':'0',           '1':'1',           '2':'2+'};  var b3 = {'0':'0',           '1':'1',           '2':'2+'};  var b4 = {'0':'0',           '1':'1',           '2':'2+'};  var b5 = {'0':'0',           '1':'1',           '2':'2+'};  var wheel = [{},{},{},{},{},{},{},{}];  wheel[0]['choice1'] = a1; wheel[0]['choice2'] = a2; wheel[0]['choice3'] = a3; wheel[1]['choice4'] = b1; wheel[1]['choice5'] = b2; wheel[1]['choice6'] = b3; wheel[1]['choice7'] = b4; wheel[1]['choice8'] = b5;  $('#mychoices').scroller({     display: 'bottom',     mode: 'scroller',     wheels: wheel,     theme: 'default',     animate: 'fade',     canceltext: 'cancel',     settext: 'ok',     height: 40,     width: 50, });  

what want make row 1 90 in width , 2nd row 50 in width.

hoping , in advance ;-)

you can css:

.dw .dwc {     display: block; } .dw .dwc table {     width: 100%; } 

but way 2 groups shown under each other, if there enough horizontal space. if needed, can solve media queries.

note 1: wheel variable incorrect, should var wheel = [{},{}];. have 2 groups, 0 , 1.

note 2: in mobiscroll 2.6 new wheel format introduced. 1 works, considered deprecated.