Question

我有这个小提琴你可以看到当你输入价格字段的任何值时，它的弹出提示没有放在文本上，因为它的数据类型是数字，就像输入名称的值一样。
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列，因此看起来不是很整洁。

-Thanks

Answer 1

你只需要覆盖popovers core css

 .popover{

  left:190px!important

}

这是您更新的小提琴Working demo

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

1 个答案: