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

Question

我有这个 fiddle 你可以看到，当你为价格字段输入任何值时，它的弹出提示没有定位在文本上，因为它的数据类型是 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

你只需要重写弹出窗口核心css

 .popover{

  left:190px!important

}

这是您更新后的 fiddle Working demo

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

Bootstrap X-editable Table popup not correctly positioned when data-editable-type = "number"

x-editable

bootstrap-table