jQuery 输入选择器插件：字段没有响应，但箭头到达另一边

Question

知道为什么会这样吗？如果您注意到，向下箭头一直在右侧，但字段并没有延伸到那里。如果我将 "responsive" 设置为 "false"，它会切断下拉菜单。这个插件没有很多选项，所以我不知道我还能做什么。我也没有找到任何其他插件允许我使用整个 table 行作为下拉菜单选项。 TIA

http://www.inputpicker.com/www/

这是我的 JS 代码：

$('#select_litters_dd').inputpicker({
  data: json,
  fields:[
    {name:'cagecard',text:'Cage Card'},
    {name:'dob',text:'Date of Birth'},
    {name:'wean_date',text:'Wean Date'},
    {name:'litter_died_date',text:'Litter Died Date'}
  ],
  headShow: true,
  fieldText : 'cagecard',
  fieldValue: 'cagecard',
  responsive: true,
  autoOpen: false,
});

HTML 元素：

<input class="form-control" id="select_litters_dd" value="Select Litter">

无响应屏幕截图：

响应截图：

Answer 1

好吧，所以我意识到我可以把整个响应式的东西搞砸，只把宽度设为 230%，而且效果很好。

$('#select_litters_dd').inputpicker({
  data: json,
  fields:[
    {name:'cagecard',text:'Cage Card'},
    {name:'dob',text:'Date of Birth'},
    {name:'wean_date',text:'Wean Date'},
    {name:'litter_died_date',text:'Litter Died Date'}
  ],
  headShow: true,
  fieldText : 'cagecard',
  fieldValue: 'cagecard',
  responsive: false,
  autoOpen: false,
  width: '230%'
});

jQuery 输入选择器插件：字段没有响应，但箭头到达另一边

jQuery Inputpicker plugin: Field not responsive, but the arrow reaches other side

jquery

jquery-plugins

drop-down-menu