当数据可编辑类型 = "number"时,引导 X 可编辑表弹出窗口的位置不正确



我有这个小提琴,您可以看到,当您输入价格字段的任何值时,它的弹出提示未放在文本上,因为其数据类型为 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列,因此并不是很整洁。

Thanks

您只需要覆盖弹出式核心CSS

 .popover{
  left:190px!important
} 

这是您更新的小提琴工作演示

最新更新