老版本的只支持到bootstrap3,在bootstraps4中强行引用并给列赋editable属性后会提示:bootstrap-editable.min.js:5 Uncaught TypeError: Cannot read properties of undefined (reading 'addClass')
经查找,发现x-editable已经提供了bootstrap4支持,使用这个地址https://github.com/Talv/x-editable/tree/develop/dist,引用bootstrap4-editable目录下的css与js文件,即可解决问题
html中引用文件:
<!--bootstrapTable-->
<link rel="stylesheet" href="/plugins/bootstrap-table/css/bootstrap-table.css">
<link rel="stylesheet" href="/plugins/bootstrap4-editable/css/bootstrap-editable.css">
<!--bootstrapTable-->
<script src="/plugins/bootstrap-table/js/bootstrap-table.js"></script>
<script src="/plugins/bootstrap-table/js/bootstrap-table-zh-CN.js"></script>
<script src="/plugins/bootstrap4-editable/js/bootstrap-editable.js"></script>
<script src="/plugins/bootstrap-table/js/bootstrap-table-editable.js"></script>
注意:“bootstrap-table-editable.js”这个文件也不能少
image.pngx-editable组件使用参考:http://t.zoukankan.com/freeliver54-p-6477608.html
网友评论