当 data-editable-type = "number" 时，Bootstrap X-editable Table 弹出窗口未正确定位

Question

我有这个小提琴，你可以看到，当你为价格字段输入任何值时，它的弹出提示没有定位在文本上，因为它的数据类型是 number，就像你输入名称的值一样.
https://jsfiddle.net/6da007fm/21/

HTML

<table data-toggle="table"
  data-editable-emptytext="This field is empty"
  data-id-field="id"
  data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data2/">
  <thead>
    <tr>
      <th data-field="name" data-editable="true" >Name</th>
      <th data-field="price" data-editable="true" data-editable-emptytext="For free." data-editable-type="number" data-editable-placeholder="Enter a Number">Price</th>

JS

$.fn.editable.defaults.mode = 'popup';

这是正常行为还是有任何解决方法。我在我的项目网页中使用它，它在一行中有 5 列，因此看起来不是很整洁。

-谢谢

Answer 1

你只需要覆盖 popovers 核心 css

 .popover{

  left:190px!important

} 

这是你更新的小提琴Working demo