美文网首页
bootstrap4和bootstrap-table集成boot

bootstrap4和bootstrap-table集成boot

作者: 阿乐_822e | 来源:发表于2022-11-15 22:50 被阅读0次

    老版本的只支持到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.png

    x-editable组件使用参考:http://t.zoukankan.com/freeliver54-p-6477608.html

    相关文章

      网友评论

          本文标题:bootstrap4和bootstrap-table集成boot

          本文链接:https://www.haomeiwen.com/subject/rfgexdtx.html