2017-05-06 393 views
0

我有这个小提琴,你可以看到当你为价格字段输入任何值时,它的弹出式提示并未定位在文本上,因为其数据类型为号码,就像输入名称的值一样。
https://jsfiddle.net/6da007fm/21/Bootstrap X-editable当data-editable-type =“number”时,表格弹出不正确定位

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

回答

1

你只需要重写popovers核心的CSS

.popover{ 

    left:190px!important 

} 

这里是你更新的提琴Working demo

+0

它的工作为代价的领域,但扰乱了名称字段 –

+0

等,我会出来,在一段时间内看不起它 –

+0

没问题,不急于 –